Vertical Tab Widget
This type of widget belongs to the Basic category in the widgets library. It enables you to create a vertical tab bar that can contain text or images, point to a HTML page, or call a page from the app or from another app. This is used to display a maximum amount of information in the least amount of pages.
Notes
see General remarks on widgets
- Define the height of the widget so that all of the tabs are displayed.
Best Practice
- You should use the Vertical Tab widget to group information in tabs that are displayed vertically.
- To display tabs horizontally, you should use the Horizontal Tab widget.
- To group information within sections in a multilevel menu, you should use the Accordion widget.
- Because the length of the tab titles is limited, you should use the Accordion widget if the titles are long.
Example
List of properties
Content
Tabs: List of tabs, each with a title and content. Click Add Item to add a new tab.
Theme
Procedures
How to create a vertical tab bar
1. Click Add Item. In the Tabs field, enter the title of the first tab and specify its content. You can enter the code directly in the field or click to open the text editor.
2. Repeat this procedure for the other tabs in the order in which you want to display them.
- To change the order in the Tabs list, click and drag the tab you want to its new position using
.
- To delete a tab, click
.
3. Switch to execute mode to view the vertical tab bar as it will appear to users.
How to retrieve the launch URL of an app
1. In the App Gallery, click next to the app you want to run.
2. In the graphic editor, click in the toolbar.
3. Copy the app launch URL.
4. Return on your app and paste the URL:
- either in the URL property of a hyperlink inserted on a Label, Header/Footer or HTML Code properties of a widget (via
in the text editor);
- or in the URL to Load property of the Button widget ;
- or in the Data > Select Link Type property of the Menu widget.