Tab Container

Last modified: February 13, 2024

1 Introduction

Tab containers are used to show information categorized into tabs. This can be very useful if the amount of information that has to be displayed is larger than the amount of space on the screen.

Tab Container

2 Properties

An example of tab container properties is represented in the image below:

Tab Container Properties

Tab container properties consist of the following sections:

2.1 Common Section

For more information on properties in this section, see the Common Section section in Properties Common in the Page Editor.

2.2 Design Properties Section

The Design Properties allow you to change spacing and alignment of the widget and hide it on phone, tablet, or desktop, if needed. Design properties may vary depending on the type of the widget. For example, for the text widget you can change its font weight, color, alignment, and letter case.

2.3 Visibility Section

Visibility determines whether a widget is displayed to the end-user as part of the page.

For more information on properties of this section, see the Visibility Section section in Properties Common in the Page Editor.

3 Tab Page

A tab container contains one or more tab pages where you place widgets. For example, a tab page can contain a grid of orders.

3.1 Tab Page-Specific Properties

3.1.1 Default Tab Page

Default tab page defines which tab is displayed when the page is opened. If no tab is set as the default one, the first tab page will be shown.

Default: False

3.1.2 Refresh on Show

Refresh on show indicates whether the contents of the tab page should be refreshed when the tab page is shown. Set this property to No if you know that nothing will affect the information on the tab page.

Default: True

4 Read More