Content Designer
Use Content Designer to build and edit content pages on a canvas. The sidebars organize pages, widgets, settings, and layers; the toolbar provides editing and preview controls.
A typical edit starts in Pages: choose an existing page or add one, drag widgets onto its canvas, and adjust them in Properties. When the page looks right, save the content and use a browser preview to check how it plays. The sections below show where to find each control.
Work area
The Pages sidebar manages overlay and master pages, the main playlist, and other pages in the content. Drag widgets from the left side onto the canvas to add them to a page.
Use the Properties sidebar to edit widget, page, content, and editor settings. The Layers sidebar controls the order and selection of elements on the page.
Top toolbar
| Control | What it does |
|---|---|
| Zoom | Changes the canvas magnification. |
| History | Opens saved versions from the current editing session. You can create a manual entry with Ctrl + Shift + S. See Content History and Undo/Redo. |
| Undo / Redo | Reverses or reapplies recent changes. |
| Toggle all helper lines | Shows or hides alignment guides on the canvas. |
| Reload bindings | Refreshes data bindings while you edit. |
| Save | Saves your content changes. |
History is cleared when you close the editor or refresh the browser.
Helper lines can help align widgets on the canvas:
Preview content
Use the toolbar's preview menu to open the content in your browser:
| Option | Preview behavior |
|---|---|
| Preview | Opens a preview without content sync. |
| Preview from current | Starts from the selected page without content sync. |
| Preview from start, with sync | Starts from the first page with sync enabled. Content sync must also be enabled in the content properties to take effect. |
| Advanced preview | Lets you adjust preview settings before opening it. |
Advanced preview includes Sync enabled, Auto save enabled, Stretch content, Ignore only play, and Data row label. Depending on the content, you can also select a datasource, time zone, or screen.
The toolbar also shows the content name and offers version information, keyboard shortcuts, and Help.