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 site or application. Tabs are used to call documents used in the site and perform map functions.

There are several 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.

The tab scripts above use graphics for the tab images. There is another script for defining tabs without graphics, imfTabsTextBar.jsp. With this type of tabs, the color, and font of the tab is set in the stylesheet. See the examples of the configuration of each of these types of tab sets at the end of this document.

Frequency	Parent Elements (this element is valid within):
PRS1	<SITE-CONFIG>

Frequency	Child Elements:
OS1	<LEFT-DECORATION>
0S1	<RIGHT-DECORATION>
OS1	<SPACE-DECORATION>
RS+	<TAB>

Frequency	Description (in this context)
PRS1	The <TABS> element is required once in the <SITE-CONFIG> element in the specified sequence.
OS1	The decoration elements are used with the imfTabs.jsp tab script. They may 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 the decoration elements (if they are present).

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/22/ltblue/left11x22.gif" width="11" height="22" />
  <RIGHT-DECORATION graphic="$IMF/tabs/22/ltblue/right10x22.gif" width="10" height="22" />
  <SPACE-DECORATION graphic="$IMF/tabs/22/ltblue/spacer2x22.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/en/layers.txt"
       graphic="$IMF/tabs/22/ltblue/en/layers51x22.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/en/layers.txt"
       graphic="$IMF/tabs/27/ltblue/en/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/en/layers.txt"
       graphic="$IMF/tabs/27/ltblue/en/layers53x27.gif"
       width="53" height="27" />
</TABS>

The following is an example of text tab configuration using imfTabsTextBar.jsp:

<TAB-FRAME url="$IMF/imfTabsTextBar.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/en/layers.txt"
       graphic="$IMF/images/pixel.gif"
       width="1" height="27" />
</TABS>
<!-- Note: the height is necessary to properly center and display the tabs. -->