Tab Container
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](/attachments/refguide/modeling/pages/structure-widgets/tab-container/tab-container.png)
2 Properties Pane
The properties pane is divided into two major sections by a toggle at the top of the pane: Properties and Styling. Tab container properties consist of the following sections:
Properties:
Styling:
3 Properties
3.1 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.2 Common Section
4 Styling
4.1 Design Properties Section
4.2 Common Section
5 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.
5.1 Tab Page-Specific Properties
5.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
5.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
6 Best Practices
6.1 Stand-Alone (#stand-alone)
You can use a tab container as a stand-alone widget for greater ease. This means there is no need to place it within a container or other wrapper widgets, as doing so may disrupt the display of content.
6.2 Usage with Scroll Container
Avoid nesting tab containers inside of scroll container. It may break the way tab page content is displayed, and furthermore will disable rendering optimizations inside the tab view.