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.
Creating a Section
Open your presentation and go to the Fields tab.
Select two or more fields from the field list. (Hold Shift or Ctrl/Cmd to select multiple.)
Click Add Fields to Section in the toolbar.
Scroll down to the canvas preview — the selected fields now appear grouped inside a section block.
Drag the section into position on the canvas.
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.
Adding Fields to an Existing Section
Sections do not support adding individual fields to an already-created section. To add more fields:
Click the X in the top-right corner of the section to remove it.
Re-select all desired fields — including the new ones — from the field list.
Click Add Fields to Section.
Reposition the new section on the canvas.
Save.
Section Settings
To open Section Settings, click the pencil icon in the top-right corner of a section in the canvas preview. Make your changes, then click Apply to apply to that section only, or Apply to All to apply the same settings to every section in the presentation.
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
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 |
Positioning a Section on the Canvas
Sections are positioned using the same drag-and-drop system as standalone fields.
In Presentation Properties (the Properties tab), enable Drag-n-Drop if it is not already on.
In the canvas preview on the Fields tab, click and drag the section to the desired location.
Use the arrow keys to nudge the section one pixel at a time for precise alignment.
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.
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 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.
Related Articles
Working with Presentations — Full guide to the Presentation Editor, including Fields, CSS, and drag-and-drop positioning.
Toast POS Integration Guide — Import Toast menu items as fields and add them to sections.
Managing Item Availability — Sold Out and Not Available — How the N/A switch interacts with fields inside sections.
Menuboard Manager — Terminology & Nomenclature — Definitions for Fields, Sections, Cards, and Section Settings.
Menuboard Manager Subscription Tiers Explained — Sections are available on Professional and Business plans.
