Single-template lifecycle preview

The preview plays the exported graphic the way playout does: Take In ▶ plays it in, Next ⏭ continues to the next Step (or out after the last one), ⏮ Back returns one Step, and Take Out plays it out. Live plays in real time; Rendered steps through time exactly, like a video renderer. The raw OGraf call log and the scheduled-action tester are under Developer; the log's heading shows error when a call fails.

Fullscreen data panel

Choose Fullscreen for the active template's lifecycle preview.

A compact data panel with a 15% transparent background lets you edit the template's data fields in fullscreen, with checkboxes for Boolean values and the standard color picker for color fields. Changes update the running preview automatically. Right-click the fullscreen output to open or reposition the controls at the pointer, with the pane kept within the screen edges. Drag the panel header to reposition it. Click outside or press D when you are not editing a control to hide the panel; Exit fullscreen in the header or Escape exits fullscreen. There is no separate Show/Hide Controls toolbar. These controls appear only in Studio; they are not included in exported graphics. Rows are 10% transparent by default and fully opaque on hover. Dropdowns and listboxes keep the rest of the controls visible. A focused text, number or color row becomes fully opaque while its value is being changed, but remains focused and editable. All other controls and the panel background are 100% transparent during editing. The swatch, hex and alpha inputs of a color field stay together. Moving focus away, committing or cancelling the edit restores the normal controls appearance. Hiding the panel or leaving fullscreen also clears the editing state. Right-click uses Studio's controls instead of the browser context menu inside fullscreen output.

Keyboard control

In the template lifecycle preview, Left/Right Arrow move between Steps first and then between templates at the boundaries. Space advances the native lifecycle. Data-entry controls keep their editing keys. Escape exits fullscreen without restarting the graphic. Fullscreen fits the composition to the display while preserving its proportions, with black margins where needed.