Tab

This Control is used to create multiple tabs on a Page in the application. When a tab is selected, the contents of the Tab are displayed, and any other open tab is hidden. It is effortless to create separate tabs in an application using this Control. In the following instance, we can switch between the Card view and Grid View by clicking the Tab on the top of the screen.

You have to go through a two-step form wizard to enable this Control, i.e., Design & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Tab” layout form wizard. Here you are required to fill in the following details:

1. Database Field Name (mandatory): These are the attributes of the form
2. Number of Tab(s): Number of tabs you want in page
3. Default Active Tab: Mostly used in case when a user wants to set a tab as the default tab on a page. If nothing is mentioned than first tab is default
4. Column Width
5. Label Name

2nd Step – Advance

1. Design
1. Remove Border
2. Remove Background
3. Show go to next Button
   1. Next Button Text

2. Others
1. Load external form?: If the user wants to load an external form in tabs
2. Remember last selected tab
3. Show conditional view: Tab can be shown as conditional view with options like “Yes” or “No.”
   1. Clear Data on tab change
4. Show conditional view with Image
   1. Show Image Left
   2. Tab Width
   3. Background Size
   4. Image Height
   5. Image Width

3. Mobile
1. Container Height (%)

Click “Confirm” and “Tab” control is configured.