Container Widgets

Last modified: February 13, 2024

1 Introduction

Container widgets provide structure to your page’s content.

  • Layout grid – gives structure to your pages, has a built-in behavior to show how a page will look like on different devices:

    Layout Grid Example
  • Container – a layout element where you can place a widget or a group of widgets and simultaneously style, drag or delete them:

    Container Example
  • Group box – groups widgets together, can be configured to collapse or expand with all elements inside it:

    Group Box Example
  • Tab container – shows information categorized into tabs:

    Tab Container Example
  • Scroll Container – divides layout into regions, such as a header, sidebar, or footer. In the example below a scroll container is used to structure a pop-up page layout with a header and a footer:

    Scroll Container Example
  • Table – consists of a number of rows and columns; each table cell can contain widgets. In the example below, some table cells contain widgets and some are still empty:

    Table Example
  • Navigation list – allows you to select a separate on-click action for each row of this widget:

    Navigation List Example

2 Performing Basic Functions

For more information on how to add widgets to a page, view their properties, and arrange them, see Adding Elements on a Page, Viewing Element Properties, and Arranging Elements on a Page sections in Page.

3 Read More