Layouts are a great way to add structure and organisation to your pages.
Use Columns or Rows to create several separate content areas that will be displayed simultaneously.
Use Tabs, Collapsible Rows, and Accordions to accommodate a large quantity of content in limited space, or use them to conceal information that belongs on the page but doesn't need to be compared or viewed simultaneously with other content.
You can add Layouts, also know as Section Groups, anywhere inside the main content area of your site.
Columns are used for creating open, horizontally oriented content areas. Use these as intro sections, including highlights from other pages on the site, to fill up space when your page content is scarce, or to make sections stand out more on the page.
- Display section headers: Specify if there will be a caption.
- Display section delimiters: Create boundaries between columns.
- Distribute width equally across columns: Column width will stay consistent, regardless of the content.
- Equalise height of column content panels: By default, columns are each as tall as their contents. Use this option to automatically equalise the height.
Tabs allow you to fit a lot of content in limited are of your website. With tabbed section groups only one section may remain open at a time. By default the first tab will open upon loading a page.
- Minimum Height in pixels: With Minimum Height applied, all tabs will be at least that tall.
- Animate section transitions: A transition effect will be displayed when switching from one tab to another.
- Distribute width equally across tabs: Tab width will stay consistent, regardless of the content.
- Equalize height of tab content panels: By default, each Tab is only as tall as its content. Use this option to automatically equalize all Tab heights.
Rows are open content sections stacked on top of each other in a vertical orientation.
Collapsible Rows can collapse or expand with a nice animation effect. Specify which individual sections will be collapsed or expanded by default. Animate section transitions is a feature supported by the Collapsible Rows as well.
Accordion will display one section at a time. When one section is opened, all others will automatically collapse with a nice animation effect. By default the first section is opened on load of the page.
Vertical Tabs can be opened one at a time. By default the first section (tab) will open upon the loading of the page.
- Minimum Height in pixels
- Animate section transitions
- Equalize height of tab content panels
An additional feature that any layout has is the option to transition from one type to another via respective setting available in the right menu.