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 today

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

  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.


Adding Fields to an Existing Section

Sections do not support adding individual fields to an already-created section. To add more fields:

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

  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.


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

Did this answer your question?