You can see the various containers used for content layout in this view:

  • The function view is the outermost container for a function. It displays the function title, optional subtitle, toolbar, and breadcrumbs, with its content displayed below that.
  • Display blocks are the next level of container in the hierarchy, appearing within the function view. Each display block has a title, an optional subtitle and toolbar, with its content displayed below that.
  • Group boxes are the next level of container in the hierarchy, appearing within a display block. Each group box has a title, and can optionally offer expand/collapse and accordion behavior.
  • Tabs can also be used within a display block. Each tab has a header and content.
  • A subheader can be used to title subsections of content within a display block. It can be a visually lightweight alternative to group boxes.
  • A well can be used to highlight a section of content.
The well element can be used to highlight a small block of text or record detail (but no other elements) within a display block. This element has a heavy visual footprint, so it should be used sparingly.
Tab 2 content Tab 3 content
Group Box 1 content Group Box 2 content Group Box 3 content