Skip to main content

Sections in Presentations

Use Sections to group and position fields on your presentation canvas — layout, styling, and alignment controls

Written by Marc Rosenberg
Updated this week

Sections in Presentations

Field Sections let you group related dynamic fields into a structured layout block — like a category of menu items — and position them as a single unit on the canvas. Instead of individually placing each field, you collect them into a section that handles spacing, typography, and alignment for the whole group.

Sections are particularly useful for menus with repeating item structures: name, description, and price all styled consistently and aligned together.


What Is a Section?

A Section is a container that holds one or more dynamic fields and displays them as a repeating list of cards. Each card represents one field and can show up to four components:

  • Card Name — the item name

  • Card Description — ingredients or additional detail

  • Card Price — the item price

  • Image / Video — an optional thumbnail positioned to the left or right of the text

Sections differ from standalone fields in a few key ways:

Standalone Field

Section

Positioning

Positioned individually via CSS or drag-and-drop

Entire group moves as one unit

Styling

One CSS class per field

Shared typography settings applied to all cards

Layout

No built-in structure

Vertical or Horizontal layout with configurable spacing

Heading

Not available

Optional section heading (e.g., "BREAKFAST")

Sections are available on Professional and Business plans.

Coming soon: Support for any field type in sections — including text, number, image, and video fields — is in development. This requires a companion signage release before it is fully enabled.


Creating a Section

  1. Open your presentation and go to the Fields tab.

  2. Select two or more fields from the field list. (Hold Shift or Ctrl/Cmd to select multiple.)

  3. Click Add Fields to Section in the toolbar.

  4. Scroll down to the canvas preview — the selected fields now appear grouped inside a section block.

  5. Drag the section into position on the canvas.

  6. Save the presentation.

Note: Importing fields from Toast POS and then adding them to a section is the most efficient way to build a structured menu layout. See Toast POS Integration Guide for import instructions.


Single-Field Sections

You don't need multiple fields to create a section. A single field can be its own section — useful when you want to apply specific layout or typography settings to just one item on your board. Select the field, click Add Fields to Section, and configure Section Settings as needed.


Adding Fields to an Existing Section

Coming soon: A Section dropdown on each saved field row will let you assign, move, or remove a field from any section directly from the Fields tab — no need to delete and recreate the section. This update is in development and will be available once a performance fix is in place.

Until then, to add a field to an existing section:

  1. Click the X in the top-right corner of the section to remove it.

  2. Re-select all desired fields — including the new ones — from the field list.

  3. Click Add Fields to Section.

  4. Reposition the new section on the canvas.

  5. Save.


Section Settings

To open Section Settings, click the pencil icon in the top-right corner of a section in the canvas preview. The panel is draggable — grab its title bar and move it anywhere on screen if it's covering part of the preview you need to see.

Section Layout

Setting

Description

Width

Total width of the section in pixels

Spacing

Gap between individual item cards

Layout

Vertical — items stacked top to bottom. Horizontal — items arranged side by side

Typography

Set the font, size, weight, color, and alignment for each text element independently:

  • Section Heading — the category label shown at the top of the section (e.g., "TACOS", "BEVERAGES")

  • Card Name — the item name on each card

  • Card Description — the secondary description or ingredient text

  • Card Price — the price displayed on each card

Tip: Color pickers default to RGB format. Click the small triangle (▾) in the corner of any color picker to switch to HEX if you need to match a specific brand color.

Image & Video Settings

Image and Video settings are collapsed by default to keep the panel uncluttered — expand them when you need to configure media for a section.

If your fields include associated images or videos, these settings control how media appears within each card:

Setting

Description

Position

Place images/videos to the Left or Right of the card text

Dimensions

Set width and height in pixels to keep all images in the section uniform

Padding

Adjust spacing around media within the card

Applying Changes

Button

What it does

Apply

Saves changes to this section. The panel stays open so you can continue adjusting.

Apply to all Sections

Applies the current section's layout, typography, image, and video settings to every section in the presentation at once. Each section's individual heading text is preserved.

Close

Saves all changes and closes the panel.

Cancel

Discards unsaved changes and closes the panel.

Font Selection

The font picker in Section Settings shows all available fonts — public fonts and your own uploaded fonts — without requiring you to pre-load them in the Fonts tab first. Selecting a font here automatically adds it to the presentation's font catalog and keeps it in sync with the Fonts tab.


Positioning a Section on the Canvas

Sections are positioned using the same drag-and-drop system as standalone fields.

  1. In Presentation Properties (the Properties tab), enable Drag-n-Drop if it is not already on.

  2. In the canvas preview on the Fields tab, click and drag the section to the desired location.

  3. Use the arrow keys to nudge the section one pixel at a time for precise alignment.

  4. Save the presentation.

Using gridlines for alignment: Enable Show Gridlines in Presentation Properties to overlay a 25-pixel-increment grid on the preview canvas. Gridlines only appear in the editor — they never display on-screen — and are helpful when aligning multiple sections side by side.

True Portrait mode: If you are building a portrait-orientation presentation, enable True Portrait in Presentation Properties before creating your sections. True Portrait activates native portrait drag-and-drop and section support without requiring CSS rotation.


Field Order Within a Section

Fields display inside a section in the same order they appear in the Fields tab — not the sequence in which they were originally selected when the section was created. To change the display order, drag fields up or down in the Fields tab. The section preview updates immediately to reflect the new order.


Removing a Section

To remove a section, click the X in the top-right corner of the section block in the canvas preview. Removing a section does not delete the fields — they remain in your field list and can be re-grouped or repositioned independently.


Tips

  • Apply to all Sections is a fast way to keep typographic styles consistent across multiple sections in a single presentation.

  • Horizontal layout works well for feature items or a row of beverages. Vertical layout is the standard choice for menu category lists.

  • If an item is marked Not Available (86'd), its card still appears in the section with the Not Available overlay. See Managing Item Availability for details.


Coming Soon

Several Section Settings enhancements are in development:

  • Auto-apply — changes will update the preview instantly as you make them, with no Apply button required

  • Lock sections — lock any section to protect it from accidental edits or bulk "Apply to All Sections" operations

  • Price row repositioned — Card Price will appear directly below Card Name in typography settings for a more logical ordering

  • Improved scroll behavior — the Section Settings panel will scroll correctly to reveal all settings without showing blank space


Related Articles

Did this answer your question?