Screen Layout Editor Interface

On the screen layout editing page, you can create and edit layers to divide the screen, add widgets (such as text, buttons, or apps), and manage scenes and actions.

Main Interface Elements

Layout Editor Navigation Panel

1. Save — saves the current changes (appears if any modifications were made to the layout).
2. Quick access button to the general layout settings.
3. Send to screen — quickly sends the layout to a screen or a group of screens.

Artboard

4. Artboard — this is where all layers and widgets of the scene are displayed and configured, exactly as they will appear on the screen. The artboard size is defined in the layout settings and ideally should match the resolution of the target screen where the layout will be displayed.

Toolbar

5. The toolbar allows you to add layers and widgets (playlist, media, apps, text and ticker, buttons, graphics, QR code).

Sidebar

6. The sidebar may display, depending on the situation, general layout settings, layer or widget settings, a list of layers, widgets and scenes, a list of actions, and their settings.

Other Controls

1. Undo and redo buttons.
2. Artboard zoom.
3. Switching between scenes and creating a new one.
4. List of keyboard shortcuts.
5. Toggle for the helper grid.