The Preview & Export pane

Preview & Export has one viewport with playback, data fields, diagnostics and export settings. It normally follows the template selected in Templates. The ▶ Preview button of a playout layer's Take in, Update or Take out shows the coordinated graphics in that same viewport, including fullscreen. Selecting another template returns to its ordinary preview. File → Export… opens the pane directly.

Browse and play templates

Open an editable .ogs document from File → Open…. Selecting a thumbnail in Templates automatically shows that template in Preview & Export. Previous/next controls move through the set and update the selection in Templates too. Reorder templates in the Templates pane when needed. Navigation is manual; each template retains its animations and loops.

Switching the selected template loads it into the preview automatically. Take In plays its native animation, Next advances its lifecycle steps and Take Out plays it out. Template navigation and lifecycle steps have separate controls. Editing a template rebuilds its preview. Fullscreen playback takes priority over hidden Templates and Transitions thumbnails; pending thumbnails refresh after fullscreen exits. This does not change the template's animation or transition timing.

Data fields in fullscreen

Data fields appear below the preview with their native controls, including checkboxes for Boolean values and the standard color picker with editable hex for color fields. They update the loaded preview only. Each fullscreen entry starts with the controls hidden. Right-click the fullscreen output to open or reposition the controls at that location; the pane stays within the screen edges. Drag the panel header to move it. Clicking outside the panel or pressing D outside an editor hides the controls. Exit fullscreen in the popup header or Escape exits fullscreen without stopping playback. There is no separate Show/Hide Controls toolbar. The popup has a subtle 2px background blur confined to its own bounds. The surrounding preview and the controls stay sharp. When editing hides the other controls, the pane's background blur clears too. The panel background is 15% transparent and rows are 10% transparent by default; hovered rows are fully opaque. Dropdowns and listboxes keep the whole panel visible while you choose an option. While you change a focused text, number or color value, its row becomes fully opaque while keeping focus and accepting edits. Every other control and the panel background are completely transparent during the edit. A color picker's swatch, hex and alpha controls stay together as one row. Moving focus away, committing or cancelling the edit restores the normal controls appearance. Hiding the panel or leaving fullscreen also clears the editing state. Studio replaces the browser context menu inside fullscreen output; native system picker menus are separate.

Playout controls

When the set has Transition Logic, this panel also includes a template selector and Take / Out controls for each playout layer. Taking a graphic starts the combined preview in the same viewport; subsequent takes preserve the other layers and use the configured playout timing. Each layer's Data section exposes its graphic's fields. On-air values update that layer; values under Next are staged for the selected graphic's next Take. If the selected graphic differs from the one on air, only the selected template's fields are shown. Values are shared between the docked Playout Controls and fullscreen preview without changing saved template defaults. Pause / Resume, Replay, and Clear all control this preview. Replay refreshes it from the current draft; these controls do not command a separate live or MCP output.

Fullscreen and other displays

Choose Preview in the main menu to enter fullscreen, including when the pane was closed. To use another display, detach Preview & Export, move its window there, then use the detached window's Preview button. Fullscreen preserves composition proportions. With focus in Preview, Left/Right Arrow visit the template's previous/next Step. At a Step boundary they select the previous/next template: moving forward lands on its first Step, moving backward on its last Step. Right Arrow takes an off-air template to its first Step. At the last template's final Step, Right plays Out; at the first template's first Step, Left returns to Start. Space retains the native lifecycle behavior, including Take Out after the last Step, and D toggles the data panel. Text fields keep their editing keys, and the popup drag handle retains its positioning arrows. Left/right buttons follow the same route as the keyboard and describe their next action.