The Tab builder adds an Imported Page builder to the model to provide the base HTML on which the tabs are built.
The HTML code defines a table cell for a single tab, which is then repeated over the source data by a Repeated Region builder to produce the set of tabs. The appropriate control type is added to the tags on the tab base page. The builder supports three styles of tabs:
For text tabs, an HTML Event Action for the on-click action is placed on the table cell, and a Text builder is used for the tab label. This produces a tab that is clickable anyplace within the table cell, which is the typical sort of tab.Link tabs
A Link builder is used for the tab label. The table cell is not clickable for link-style tabs, only the link itself is clickable. This style of tab is appropriate for collections of links where the link text takes up most of the table cell.Image tabs
For image-style tabs, an Image Button builder is used to provide the appearance of the tab.
If you use image-style tabs and need to provide a background for your tabs beyond the borders of the images, you can apply a style to the TabItemCell area with the Attribute Setter builder.
The Tab builder can support a different appearance for a tab that is selected if you provide a variable that contains the ID of the selected tab. Your application code must maintain the current selection in order for this functionality to work properly.
About setting the selected tab
The Tab builder adds a method to your model to make it easier for you to set the selected tab.
Using a style sheet
You can choose Text and Link styles from any cascading style sheet (CSS) that is available in the page on which the tab control is placed.
Parent topic: Tab builder