Define tabbed panels

Technologies > User Interface Add-Ins > Assemblies with Tabs > Free Navigation Sequence

Tab view assemblies are implemented without frames, using the Tab Panel control. This control is just another type of a panel, and should have an ID that can be used to reference the tab panel from the JavaScript API.

The tab panel, defined as a <tabs> element, can contain any number of tab pages. Each tab page can contain one or more panels:

<tabs id="project_wizard" workflow="free" region="center">
<tab name="page-1" selected="true">
<title translatable="true">Page 1: Project</title>
<panel type="form" columns="1" id="project">
<title translatable="true">Project</title>
<field table="project" name="project_id"/>
<field table="project" name="date_commence_work"/>
<field table="project" name="date_target_end"/>
</panel>
</tab>
<tab name="page-2">
<title translatable="true">Page 2: Description</title>
<panel type="form" columns="1" id="description">
<title translatable="true">Description</title>
<field table="project" name="project_id"/>
<field table="project" name="description"/>
<panel>
</tab>
</tabs>

The tab panel performs initial data refresh for all panels in all tab pages. By default it only loads the data for the selected tab page initially, and then loads each tab page's data when the tab is selected. You can force the tab panel to load data for all tab pages at once. In this case, the data will not be re-loaded when the user clicks to select a tab page.

<tabs id="project_wizard" workflow="free" region="center" tabRefreshPolicy="refreshOnLoad" >

You can also suppress default tab panel initial data refresh completely, if you wish to load data using custom code:

<tabs id="project_wizard" workflow="free" region="center" tabRefreshPolicy="never" >

Individual tab page views may contain any type of view parts or assemblies. At any time, only one view is actually displayed as the selected tab page. The selected attribute defines the tab page that will be selected by default. The user can select any other tab page, provided that the workflow attribute is set to free .

View: http://localhost:8080/archibus/schema/ab-products/solutions/assemblies/tabbed-views/ab-ex-tabs-free.axvw