What is a Section?
Sections are the page building frameworks that hold widgets. They form the underlying structure of your page. There are three types of section. The grid layout is probably the most-used to form a grid of cells, like a table, that hold widgets. The accordion and foundation tab have specific use cases, creating the visuals of a stacked accordion or tabbed file folders. Each accordion pane and each tab can hold any widget type as well. Between these three sections it’s possible to build a very wide range of page layouts.
Three Section Types
ACCORDION LAYOUT
This layout automatically creates an accordion to hold information in a collapsed, stacked format in which each pane is clickable to be opened or closed.
- Holds widgets inside collapsible accordions
- Provides one or two column layouts
- Key properties are the number of accordion panes, margins and padding
FOUNDATION TAB LAYOUT
This layout automatically creates a visual information navigation interface based on file folder tabs.
- Holds widgets inside a tabbed interface
- Provides one or two column tabs
- Key properties are the number of tabs (maximum 10), background color/image, margins and padding
GRID LAYOUT
This layout automatically creates a grid of cells.
- Holds widgets inside gridded cells
- Extremely flexible building framework
- Key properties are number and size of cells, background color/image, margins and padding
Check out an in-depth discussion and tips about how to use the grid layout here.