Creating a complex dialog containing multiple pages
The tabgroup and tab tags can be used in complex offerings that contain different sections. This can be used to create a set of wizard-like pages where each page contains a set of related fields. The tab tag defines a page, and the labelcss and textcss tags can be applied to the tab.
The following example snippet demonstrates the use of tabgroup
and tab tags:
<tabgroup format="wizard" id="bnsmCR_tabgroup">
<tab default="true" id="wizard_step1" label="1. Server Configuration"
labelcss="pmscoffcat_tablabel" textcss="pmscoffcat_text_node" type="insert">
<section ...>
</section
<section id="bnsmCR__tab1_buttonsec">
<buttongroup id="bnsmCR_tab1_buttongrp">
<pushbutton default="true" id="bnsmCR_tab1_button1" label="Continue"
mxevent="nexttab" targetid="bnsmCR__tabgroup"/>
</buttongroup>
</section>
</tab>
<tab id="wixard_step2" label="2. Middleware Configuration"
labelcss="pmscoffcat_tablabel" textcss="pmscoffcat_text_node" type="insert">
<section ...>
</section>
<section id="bnsmCR__tab2_buttonsec">
<buttongroup id="bnsmCR_tab2_buttongrp">
<pushbutton id="bssmCR_tab2_button1" label="Back" mxevent="previoustab"
targetid="bnsmCR__tabgroup"/>
<pushbutton default="true" id="bnsmCR_tab2_button2" label="Continue"
mxevent="nexttab" targetid="bnsmCR__tabgroup"/>
</buttongroup>
</section>
</tab>
<tab id="wizard_step3" label="3. Summary" labelcss="pmscoffcat_tablabel"
textcss="pmscoffcat_text_node" type="insert">
<section ...>
</section>
<section id="bnsmCR__tab3_buttonsec">
<buttongroup id="bnsmCR_tab3_buttongrp">
<pushbutton id="bnsmCR_tab3_button1" label="Back" mxevent="previoustab"
targetid="createreq_tabgroup" />
<pushbutton id="bnsmCR_tab3_button2" label="Submit" default="true"
mxevent="submit" targetid="createdr" />
<pushbutton id="bnsmCR_tab3_button3" label="Save As Draft"
mxevent="savedraft" targetid="createdr" />
<pushbutton id="bnsmCR_tab3_button4" label="Cancel" mxevent="startcenter"
targetid="createdr" />
</buttongroup>
</section>
</tab>