You are now in the main content area

Layout Components

  • Layout components are available in the Side Panel
  • Layout components are used to control the position and layout of content on a page.
  • Accordion Component
    Page Description:An accordion is a type of menu that allows a user to expand or collapse content on a page. Not all content is visible at one time.
  • Columns
    Page Description:The columns component provides a variety of column options to allow authors greater flexibility in content layout.
  • Flow Layout Component
    Page Description:The flow layout arranges components in a single row and wraps around to the next row when reaching the edge of the container.
  • Section Component
    Page Description:The section component is a full-width layout component that can contain one or more components. Multiple background colours are available in this component.
  • Tabs Layout Component
    Page Description:The tabs component is used as a layout tool and as an alternative to using the accordion component. Tabs run horizontally across the page.

Things to avoid

  • Do not add a tabs component to another tabs or accordion component. This creates significant accessibility and usability issues.
  • Do not use accordion components within another accordion or tabs component. This also creates accessibility and usability issues.
  • Do not add table components (which are not truly responsive) into layout components. If they look bad in author - mobile is a disaster!