Skip to Main Content

Overview

You can use Tabs Container within your application pages to improve navigation, flow and usability of your pages. The Tabs Container provides similar functionality to the Region Display Selector, but has different implementations and use cases.

Tabs as Regions

The Tabs Container Region Template can be used to create a set of tabs within your page. Simply place sub regions within the Tabs Container and they will appear as a tab.

This control is useful when you want to display different regions or information, but utilise the same space on a page.

Instructions

  1. In Page Designer, select a region
  2. Go to the Property Editor
  3. Under the Region tab
    1. Find Identification → Type, use Static Content
    2. Find Appearance → Template, use Tabs Container

Then create or move sub regions into the Tabs Container, one for each tab you want to have.

Tip: You can easily nest tabs by creating another Tabs Container region within a sub region of an existing Tabs Container region.

Demo

Tab 1

Content 1

Tab 2

Content 2

Tab 3

Content 3

Template Options

Tabs as a List

The Tabs List Template can be used to create a set of tabs where each tab links to another page. This is especially useful for applications that require nested or complex navigation hierarchies.

Instructions

  1. In Page Designer, select a region
  2. Go to the Property Editor
  3. Under the Region tab
    1. Find Identification → Type, use List
  4. Under the Attributes tab
    1. Find Appearance → Template, use Tabs

Tip: You can add icons to these tabs simply by modifying the icon attribute of the list entry.

Template Options