Working with Presentations
The Presentation Editor is the central hub for building and managing your digital menu content. This article covers everything you need to work inside a presentation — from adding media and configuring dynamic fields to publishing your content to displays.
The Presentation Editor
The Presentation Editor is organized into tabs across the top of the interface.
Tab | Purpose |
Playlist | The default view. Every presentation requires at least one image or video. Media must be FHD (1920 x 1080 px) or UHD (3840 x 2160 px). See Content Formats & Specifications for full details. |
Fields | Create dynamic text for prices and item names. Use Number fields for prices (numeric only) and Text fields for descriptions or names. |
CSS | Style your dynamic text using standard CSS (font size, color, rotation, and positioning). |
HTML | Add custom HTML for advanced integrations like social media feeds or custom layouts. |
JavaScript | Add custom JS for advanced timing logic, clocks, or dynamic behavior. |
Fonts | Select and manage the fonts used for your dynamic text fields. |
Widgets | Add live, dynamic content like a clock or news ticker. Available to Business subscribers. |
Properties | Access advanced features like Syncplay, External Input, drag-and-drop field positioning, and the Not Available overlay text. |
Playlist Tab
Every presentation requires at least one image or video in the playlist.
Adding Content: Click Add Media to upload files from your PC. Once uploaded, drag files from the directory into the playlist or double-click them to add.
Duration: Set specific play times for images. Videos will play in their entirety by default.
Organization: Drag media within the playlist to reorder, or click the minus icon on a selected file to remove it.
Saving: Always save your changes. If you make a mistake before saving, refresh your browser to revert to the last saved version.
Fields Tab
Dynamic fields allow you to update prices or text across your entire menu instantly.
POS Integration: Each field includes a POS ID area to link specific menu items to your point-of-sale system.
N/A Switch (86ing): Toggle the N/A switch to "86" an item — this displays a customizable overlay to show customers an item is unavailable.
Formatting: Use the "No leading zero" or "No leading decimal" checkmarks to clean up how prices appear on-screen.
Toast POS Integration
If you use Toast POS, you can import your menu items, descriptions, prices, and GUIDs directly. This enables automatic updates for names, descriptions, and prices, and lets you 86/68 items directly from your POS.
Positioning Fields with Drag-and-Drop
Enable drag-and-drop to visually position dynamic text fields directly on the canvas instead of relying on CSS coordinates alone.
Go to the Properties tab and enable Drag-n-Drop.
Open the Fields tab and create a new field. Give it a name, a value (e.g.
8.88), and a CSS class (e.g.price).Go to the CSS tab and style the class:
Landscape:
.price { font-size: 44px; color: red; }Portrait (rotated):
.price { transform: rotate(270deg); font-size: 44px; color: red; }
Return to the Fields tab. In the preview, drag the field to the desired position on the canvas. Use arrow keys to nudge one pixel at a time.
Save the presentation.
Duplicating a Field
On the Fields tab, select the field you want to duplicate.
Click Duplicate.
Give the new field a name and value. The CSS class is duplicated automatically.
Drag the new field into position on the canvas.
Save the presentation.
Marking a Menu Item as Not Available (86'ing)
Use the Not Available feature to temporarily remove a menu item from your display without deleting it.
Open the Fields tab and locate the field for the item you want to hide.
Enable the Not Available slider on the left side of the field entry.
The item will display as SOLD OUT by default. To use custom text, go to Presentation Properties and enter your preferred text in the Not Available text box. Short text works best.
Review the change in the preview and save.
To customize the appearance of the not available text, use the .n-a class in your presentation's CSS:
.n-a { font-size: 44px; color: red; }
Hiding Fields for Specific Playlist Images
When rotating images or videos in a playlist, you can hide overlaying fields for individual items — useful when a full-screen image or video should display without text overlays.
Click an image in the playlist that should display without fields.
At the top of the image, check the small checkbox icon next to the Tt icon.
When that image plays in the playlist, all overlaying fields will be hidden.
Field Sections
Field Sections let you group fields into logical blocks (like "Breakfast," "Lunch," or "Sides") and position them as a unit on the canvas. Sections allow you to:
Group related items — keep all your tacos in one section and your sides in another.
Edit styles in bulk — apply typography and layout rules to an entire group at once.
Reorder content quickly — drag an entire section to reposition it on the canvas.
To create a section:
Open the Fields tab and select two or more fields from the list.
Click Add Fields to Section.
Scroll down to the preview — the selected fields will appear grouped in a section.
Drag the section into position on the canvas.
To remove a section, click the X in the top-right corner of the section. To add more fields to an existing section, delete the section first, re-select all desired fields, and click Add Fields to Section again.
Section Settings
To edit Section Settings, click the pencil icon at the top-right of the section. Make your changes, then click Apply to apply to that section, or Apply to All to apply to all sections in the presentation.
Section Layout
Width — set the total width of the section in pixels.
Spacing — control the gap between individual item cards.
Layout — choose Vertical (items stacked) or Horizontal (items side-by-side).
Typography
Set the font, size, weight, color, and alignment for each element:
Section Heading — the title of the group (e.g., "BREAKFAST").
Card Name — the name of the item.
Card Description — ingredients or additional details.
Card Price — the price of the item.
Image & Video Settings
Position — place images/videos to the Left or Right of the text.
Dimensions — set width and height to keep all images in the section uniform.
Padding — adjust spacing around media.
Tips
Show Gridlines — toggle in Presentation Properties to see section boundaries, making it easier to align multiple groups on screen.
Color Picker Format — color pickers default to RGB. Click the small triangle (▾) in the corner of any color picker to switch to HEX.
CSS Tab
CSS controls how dynamic text fields and HTML elements appear on screen — font size, color, positioning, rotation, and more.
Modern CSS is supported. Any standard CSS syntax will work.
Non-standard CSS is not supported.
External stylesheets are supported, but they are not downloaded to local storage. Adding your CSS directly in the presentation's CSS tab is the preferred and most reliable method.
Always test your CSS by publishing to a test unit before pushing to a production display.
HTML Tab
The HTML tab supports custom HTML for advanced integrations such as social media feeds, embedded content, or custom layout elements.
JavaScript Tab
JavaScript is supported in presentations via the JavaScript tab.
ES5 is recommended for broadest compatibility across display hardware.
Test your JavaScript by publishing to a test unit before going live in your production environment.
Fonts Tab
The Fonts tab lets you select and manage the fonts used for your dynamic text fields. Fonts selected here are available when styling fields via CSS.
Widgets Tab
Widgets let you add live, dynamic content — like a clock or news ticker — directly to your presentation. Available to Business subscribers.
See Adding Widgets to a Presentation for full setup instructions.
Properties Tab
Access Presentation Properties from the Properties tab.
Setting | Description |
Use External Input | Samsung TIZEN only. Creates a Live TV Zone on the screen fed by a video source connected to HDMI 1. You can position and resize the Live TV window in the settings. |
Use Streaming Feed | BrightSign only. Enter an RTSP URL to feed live video into the presentation — for example, from an RTSP-compatible drive-thru camera. |
Use Sync Play | Synchronizes video playback across multiple Samsung TIZEN Commercial Displays to create a video wall. See SyncPlay below. |
Drag and Drop Fields | Enables drag-and-drop positioning of fields in the preview window. Use arrow keys to nudge fields in 1-pixel increments for fine-tuned placement. |
Hide Field When Marked N/A | When enabled, fields marked as N/A are hidden entirely from the display instead of showing the Not Available overlay. |
Show Gridlines | Overlays a 25-pixel-increment grid on the preview window to assist with visual field positioning. Gridlines only appear in the preview — they never display on-screen. |
True Portrait | Enables native portrait mode for drag-and-drop, field sections, and portrait media — no CSS rotation required. Enable this first when building a portrait presentation to get a portrait preview, portrait playlist, and full drag-and-drop support. |
Not Available Text | Customizes the overlay text shown when a field is marked N/A (defaults to "SOLD OUT"). Short text works best. |
Auto-Refresh | Forces the unit to reload content on a timed interval. Configured in the Units Manager. Useful for time-sensitive content such as a weather widget. |
SyncPlay (Samsung TIZEN Video Wall)
SyncPlay links two or more Samsung TIZEN Commercial Displays to play video in perfect sync, creating a video wall. Only one presentation and one video per display is supported — if you need multiple videos, combine them into a single longer video.
Requirements:
Samsung TIZEN Commercial Displays
All units must be on a wired network
A network switch that supports IGMP
All videos must be the same length (e.g. 10 seconds)
All presentations must have SyncPlay enabled with the same SyncPlay ID
Setup:
Create a Sign and Presentation for each screen.
Add a video to each presentation.
In Presentation Properties, enable SyncPlay and assign the same ID to all presentations.
Publish all signs.
The displays will begin playing and sync automatically.
Note: On the latest Samsung QM-Series units, SyncPlay video appears in front of all other layers. Any HTML, including dynamic text fields, will be hidden behind a SyncPlay video.
About IGMP: SyncPlay uses multicast networking. IGMP (Internet Group Management Protocol) allows multiple devices to share one IP address so they all receive the same data simultaneously — this is what keeps the displays in sync. Confirm your network switch has IGMP support enabled before setting up a video wall.
Related Articles
Publishing Presentations — Publish Now, Stage, schedule, and exclude units.
Scheduling & Rotating Presentations — Rotate presentations on a timed interval or schedule them by time of day using day parting.
Adding Widgets to a Presentation — Add live content like a clock, news ticker, or weather widget to your presentation.
Live TV Presentation — Mix live TV into your digital signage content using a Samsung Commercial Display.