IMF Developer's Guide

<tabs>

IMF Developer's Guide » Site Configuration » <tabs>

The <tabs> element is used to define the tabs shown on your IMF application.

There are three different scripts that are used for showing the tabs on an IMF site. imfTabs.jsp shows a set of tabs with rounded ends. imfTabsBar.jsp shows a tab bar that extends across the whole page. imfTabsBcgov.jsp shows a tab bar that extends across the whole page with the BC government mountain logo before the first tab. Examples of the configuration of each of these tab sets are included at the end of this document.

Frequency	Parent Elements (the <tabs> element is valid within):
PRS1	<site-config>

Frequency	Child Elements:
OS1	<left-decoration>
OS1	<right-decoration>
OS1	<space-decoration>
RS+	<tab>

Frequency	Description (in this context)
PRS1	The <tabs> element must appear exactly once in the <site-config> element in the specified sequence.
OS1	The decoration elements may each appear once within the <tabs> element in the specified sequence.
RS+	The <tab> element must appear one or more times within the <tabs> element after any decoration elements.

The following is an example of tab configuration for the rounded tabs using imfTabs.jsp:

<tab-frame url="$IMF/imfTabs.jsp" />
<tabs>
  <left-decoration graphic="$IMF/tabs/ltblue_left.gif" width="11" height="22" />
  <right-decoration graphic="$IMF/tabs/ltblue_right.gif" width="10" height="22" />
  <space-decoration graphic="$IMF/tabs/ltblue_spacer.gif" width="2" height="22" />
  <tab name="Layers"
       url="$IMF/imfLayers.jsp"
       target="dataFrame"
       hint="Set Layers"
       status="Set which layers display, and choose an identify layer."
       help="$IMF/help/layersTab.txt"
       graphic="$IMF/tabs/ltblue_layers.gif"
       width="51" height="22" />
</tabs>

The following is an example of tab configuration for the full width tab bar using imfTabsBar.jsp:

<tab-frame url="$IMF/imfTabsBar.jsp" />
<tabs>
  <tab name="Layers"
       url="$IMF/imfLayers.jsp"
       target="dataFrame"
       hint="Set Layers"
       status="Set which layers display, and choose an identify layer."
       help="$IMF/help/layersTab.txt"
       graphic="$IMF/tabs/bc/layers53x27.gif"
       width="53" height="27" />
</tabs>

The following is an example of tab configuration for BC Government using imfTabsBcgov.jsp:

<tab-frame url="$IMF/imfTabsBcgov.jsp" />
<tabs>
  <tab name="Layers"
       url="$IMF/imfLayers.jsp"
       target="dataFrame"
       hint="Set Layers"
       status="Set which layers display, and choose an identify layer."
       help="$IMF/help/layersTab.txt"
       graphic="$IMF/tabs/bc/layers53x27.gif"
       width="53" height="27" />
</tabs>