Skip to main content

Managing Fields in Presentations

How to mark items as not available, hide fields for specific playlist images, and position fields with drag-and-drop

Written by Marc Rosenberg
Updated today

Managing Fields in Presentations


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.

Create and Position a Field

  1. Go to your presentation and open the Properties tab.

  2. Enable Drag-n-Drop.

  3. Go to the Fields tab and create a new field (any field type works).

  4. Give the field a name, a value (e.g. 8.88), and a CSS class (e.g. price).

  5. Go to the CSS tab and style the class:

  6. Landscape: .price { font-size: 44px; color: red; }

  7. Portrait (rotated): .price { transform: rotate(270deg); font-size: 44px; color: red; }

  8. 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.

  9. Save the presentation.

Duplicate a Field

  1. On the Fields tab, select the field you want to duplicate.

  2. Click Duplicate.

  3. Give the new field a name and value (e.g. 9.99). The CSS class is duplicated automatically.

  4. Drag the new field into position on the canvas.

  5. 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.

  1. Go to a presentation and open the Fields tab.

  2. Locate the dynamic text field for the item you want to hide.

  3. Enable the Not Available slider on the left side of the field entry.

  4. The item will display as SOLD OUT by default. To use custom text:

  5. Go to Presentation Properties.

  6. Enter your preferred text in the Not Available text box. Short text works best.

  7. Review the change in the preview and save.

CSS Styling for Not Available Text

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.

  1. Go to a presentation and add images to the playlist.

  2. Click an image in the playlist that should display without fields.

  3. At the top of the image, check the small checkbox icon next to the Tt icon.

  4. When that image plays in the playlist, all overlaying fields will be hidden.


Field Sections

Field Sections let you group multiple fields together and position them as a unit on the canvas β€” useful for keeping related items (like a name and price) aligned together.

  1. Go to a presentation and open the Fields tab.

  2. Select two or more fields from the list.

  3. Click Add Fields to Section.

  4. Scroll down to the preview β€” the selected fields will appear grouped in a section.

  5. Drag the section into position on the canvas.

To edit a section, click the pencil icon on the section in the preview. You can add a section heading and configure font, size, weight, and more.

To remove a section, click the X in the top-right corner of the section. To add more fields to an existing section, you must delete the section first, re-select all desired fields, and click Add Fields to Section again.

Did this answer your question?