ATLAS Sections

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.