Scenes and Layouts
Scenes are the containers for your visual content. Each scene has a layout that divides the canvas into zones, and each zone holds content.
Creating a Scene
Navigate to Scenes
From the sidebar, click Scenes.
Create new scene
Click New Scene. You have three starting points:
- Blank — Start with an empty canvas and choose a layout
- Template — Pick from the template gallery (see Templates)
- Duplicate — Copy an existing scene
Choose a layout
Select a layout that defines your zone structure. Layouts range from single-zone full-screen to complex multi-zone grids.
Configure the scene
| Setting | Description |
|---|---|
| Name | Descriptive name for the scene |
| Resolution | Target resolution (typically matches your endpoints) |
| Theme | The theme applied to all components in this scene |
| Background | Scene background colour or image |
Layouts
A layout defines how the scene canvas is divided into zones.
Built-in layouts
| Layout | Zones | Description |
|---|---|---|
| Full Screen | 1 | Single zone covering the entire canvas |
| Split Horizontal | 2 | Top and bottom halves |
| Split Vertical | 2 | Left and right halves |
| L-Bar | 3 | Main area with right sidebar and bottom bar |
| 2x2 Grid | 4 | Four equal quadrants |
| Main + Sidebar | 2 | Main content area with right sidebar |
| Main + Bottom Bar | 2 | Main content area with bottom strip |
| 3 Column | 3 | Three equal-width vertical columns |
Custom layouts
You can create custom layouts by defining zones with precise pixel positions and sizes. Zones cannot overlap.
Zone Content
Each zone in a layout holds one or more content items. When a zone has multiple items, they rotate on a schedule.
Adding content to a zone
- Click on a zone in the Designer
- Click Add Content
- Choose the content type:
- Component — A themed, reusable content block
- Media — An image or video from the Media Library
- Scene — Embed another scene (for nested layouts)
Zone rotation
When a zone has multiple content items, configure rotation:
| Setting | Description |
|---|---|
| Duration | How long each item displays (seconds) |
| Transition | Fade, slide, or cut between items |
| Transition duration | How long the transition animation takes |
| Order | Sequential or random |
Schedule Rules
Scenes support schedule rules that control when they are active. Rules stack — a scene plays only when all its rules are satisfied.
Rule types
| Rule Type | Description | Example |
|---|---|---|
| Always | Scene plays at all times | Default — no schedule restrictions |
| Time Range | Active during specific hours | 09:00 - 17:00 |
| Day of Week | Active on specific days | Monday through Friday |
| Date Range | Active between two dates | 2026-12-01 to 2026-12-31 |
Combining rules
Rules combine with AND logic. For example:
- Time Range 09:00-17:00 + Day of Week Mon-Fri = Weekday business hours only
- Date Range Dec 1-31 + Always = All of December
Scene priority
When multiple scenes are assigned to an endpoint, priority determines which plays when schedules overlap. Higher priority scenes take precedence.
Transitions
Configure how scenes transition when switching:
| Transition | Description |
|---|---|
| Cut | Instant switch (no animation) |
| Fade | Cross-fade between scenes |
| Slide | New scene slides in horizontally |
| Slide Up | New scene slides in from the bottom |
| Zoom In | New scene zooms in from centre |
| Zoom Out | Current scene zooms out to reveal new scene |
| Flip | 3D flip transition |
| Wipe | Wipe across the screen |
| Dissolve | Pixel dissolve effect |
Transition duration is configurable from 0 to 2000ms.
Scene Versioning
Every time you publish a scene, a versioned snapshot is created. You can:
- View the version history from the scene settings
- Preview any previous version
- Revert to a previous version with one click
- Compare versions side by side
Draft changes (saved but not published) are not visible on displays. Only published versions go live.