Guide
...
Get Started
Build a layout

Add & edit Sections

11min

Who can do this:

  • Anyone with editing permissions for the Homescreen and HS sections
  • Additionally, the Tags (editable) permission is required to rename or delete tags

Add a new Section or make changes to an existing one. Each Section has the following settings:

  • Section varies by user assignment
  • Include content, choosing a sort type and Display tag
  • Grid layout or Mini list layout
  • Header & Title that spans the top of a section
  • Header & Title color
  • Allow overflow

Add a new Section

Add Sections working from left to right, top to bottom, in the desktop view.

To add a new section:

  1. In the layout, where you want to add the section, click + Add.
  2. Select Section.
    • This opens the settings window.
  3. In the Name field, enter a label for the section.
  4. Select your settings and click Create.
Document image


Edit a section

Edit a section when you want to enable or disable content, modify the headers, or change the layout.

To edit a section:

  1. In the layout editor, locate the section you want to edit and in the top-right corner of the menu, click the Gear icon.
  2. Make your changes. Refer to the section settings.
  3. Click Save.

Why can't I select the Grid layout option in the mobile view?

The Grid layout option can only be accessed while in the desktop view.

Section settings

See a description of each setting below.

Section varies by user assignment

Enable this option if you want to tailor a section for specific users, based on their assignment, whether Group, Team or Tag. Refer to Add & manage Sets to learn more.

Document image


Name

Enter a name to keep track of the section (e.g., right column). This is only visible to you, in the layout editor.

Include Content

By default, all sections can contain Feature blocks, Menu blocks, and Sections.

Enable Include content when you also want to place Content blocks within a section. This gives you additional options for placing and sorting content items.

Document image


Grid layout

By default, a new section has the Grid layout enabled and a two by two grid, which you can change. Add rows and columns, and adjust their width and height as you wish.

In the example below, the grid for the nested section, called Righty, has three rows or slots.

Document image

Document image


The grid affects how many slots are available to place blocks and sections, since one block (whether Content, Feature, or Menu) or section can be placed per slot. If you nest a section within a slot, you can set up another grid layout with additional slots.

Mini list layout

The Mini list layout is an alternative to the Grid layout. Since it does not have a grid setup, blocks you add appear as a list, which users can scroll through. This is useful if you have a number of items you want to include in a section.

In the example below, the Health & Wellness section has a Mini list layout.

Mobile (app or web)
Mobile (app or web)




Desktop (web)
Desktop (web)


Header + Title

Enable Header + Title if you want a section to have its own header, which is a colored banner that spans across the top of the section, with a title.

In the example below, the section has a header and title, called Wellness hub.



Document image

Document image


How is the Header + Title different from the Name?

The Name helps you keep track of sections in the layout and it's only visible to you. If Include Content is enabled, by default, it's based on the Display tag you set. Meanwhile, the Header + Title are what users see within the app.

Allow overflow

Allow overflow is an advanced option that allows for additional posts you create to appear in new rows below the section.

This is not recommended since it extends the layout beyond one screen in the desktop view, and you'll end up with too many items. Refer to the recommended approach for building the layout.