The split-screen mode groups schedules from multiple halls or stages onto a single display in foyers, stairwells, or central venue junctions.
Comma-Separated Room Names
List the desired rooms separated by commas in the shortcode. Each room gets an autonomous tile (.ec-monitor-split-pane) with its own load cycle and dataset:
[event_monitor venue="Hall A, Room 2, Stage, Foyer"]
Self-Arranging Responsive Grid
The layout adjusts automatically according to the number of venues – surveillance wall style:
- 2 Rooms: Two tiles side-by-side (1×2).
- 4 Rooms: Four tiles in a 2×2 grid.
- 9 Rooms: Nine tiles in a 3×3 grid on large video walls.
Three rooms appear as one large hero pane and two stacked smaller panes (ec-split-1plus2) – never as three unreadable, cramped vertical strips.
Portrait Orientation Behavior
When displays are mounted vertically on standing kiosks, rows and columns swap roles automatically. If an odd tile remains, it expands to fill the full width of its row. Evaluated after a 150 ms debounce upon window resize or device rotation.
Computed Zoom (Virtual Canvas 720px)
Instead of fragile CSS font hacks, each pane is rendered on a virtual canvas of 720 pixels (REF_H) and scaled down using CSS transforms:
scale = Math.min(1, tileHeight / 720)
- Proportion Guarantee: The layout retains the exact visual proportions of a fullscreen display. Text never overflows or clips.
- Never Enlarge: Tiles taller than 720 pixels render at 100% scale rather than being artificially inflated.
- Recommended Limits: The schedule area occupies 30% of the canvas (216 virtual pixels). For smaller tiles (height below 600px), set
count="2".
Foyer Overview Mode (No Venue Attribute)
When omitting the venue attribute entirely:
[event_monitor count="6"]
This mode blends sessions across all halls sorted chronologically, highlighting the room name on every entry – ideal for main entrance screens.