Skip to content
English
On this page

Screens

More options

Orientation in the editor

Top editor bar, canvas, zoom and pan, Live indicator and autosave.

The editor opens after clicking on a screen in the list. The left Studio menu hides during editing to provide more space. In the center is the canvas, the screen area as the TV will see it. On the right, a settings panel opens as needed.

Top bar

Screen editor: 1 back to overview, 2 title, 3 save status, 4 Live, 5 undo, 6 redo, 7 canvas style, 8 history, 9 add widget
ElementPurpose
1Back to screen overviewCloses the editor and returns you to the list.
2TitleThe screen’s title. Click to edit it.
3Save status“saving…” while saving, “saved” after saving.
4LiveShows how many devices are currently displaying this screen (see below).
5Undo (left arrow)Reverts the last change. Shortcut Ctrl + Z.
6Redo (right arrow)Restores the undone change. Shortcut Ctrl + Shift + Z or Ctrl + Y.
7Canvas style (gear icon)Opens the Monitor panel: resolution, grid, and screen colors. See Appearance and resolution.
8History (clock icon)List of all editing steps. See Undo and history.
9Add widgetOpens the widget menu. See Adding a widget.

On Mac, use ⌘ instead of Ctrl.

Live indicator

The editor sends your changes directly to devices currently showing this screen. When a device is connected, a green dot blinks next to the Live label and the number indicates how many devices are connected. Hovering shows “Connected devices” and their names.

When no device is showing the screen, the tooltip says “Live preview — waiting for connected device.”

Tooltip at Live indicator: Live preview — waiting for connected device

Canvas, zoom and pan

Canvas controls: 1 resolution and appearance, 2 zoom out, 3 current zoom, 4 zoom in, 5 center
  • Screen appearance and resolution (1): gear icon next to the resolution label (e.g. “1920 × 1080”) above the top-left corner of the canvas. Opens the Monitor panel.
  • Zoom out (2) and Zoom in (4) change zoom in steps.
  • Current zoom percentage (3). Click it to center the canvas.
  • Center on screen (5) returns the entire canvas to the middle of the window.

Zoom ranges from 10% to 200%. You can also control it with the mouse:

ActionHow
Pan canvasMouse wheel or two-finger swipe on touchpad. Or drag the mouse on an empty area outside widgets.
Zoom in and outCtrl + mouse wheel or pinch/spread fingers on touchpad. Zooms toward the cursor position.
Deselect widgetClick on an empty spot on the canvas.

The canvas centers automatically when you open a screen. The dotted background pattern is only for orientation and is not visible on the TV.

Right panel

On the right, only one panel is shown at a time: the Add widget menu, the settings of the selected widget, the Monitor, or the History. You open the panel with a button in the top bar and close it by clicking the same button again. The widget menu also has a Close panel cross. The widget settings close when you cancel the widget selection by clicking on an empty area of the canvas.

Updated