Beispiele: 1 | 2 | 3

Konfigurationsbeispiel 2

(Abbildung verkleinert)

Konfiguration:

• TabSetControl mit 6 Taben, davon 4 sichtbar. Eingeblendete Buttons für clientseitiges scrollen
• Die einzelnen Taben werden als separate JSP Seiten includiert
• Die dritte Tabe wurde disabled und kann nicht angewählt werden
• Das Attribute runat="client" besagt, dass bei einem Klick auf eine Tabe kein Serverroundtrip zur Darstellung der nächsten Tabe durchgeführt wird. Die Taben wurden alle bei der ersten Anzeige des Tabsets zum Client übertragen. Über DHTML werden die Taben lediglich ein oder ausgeblendet.
• Das TabSet verwendet zur Integration von Bildern auf den einzelnen Taben eine ImageMap

<util:imagemap name="im_tabs">
    <util:imagemapping
        rule="user"
        src="app/images/user/user.gif"
        width="16"
        height="16"/>
</util:imagemap>

<html:form action="/sample401/tabsetBrowse" method="post">

<ctrl:tabset
    id="man"
    name="demots"
    action="sample401/tabsetBrowse"
    tabs="4"
    labellength="20"
    width="650"
    imagemap="im_tabs"
    runat="client">

    <ctrl:tab
        id="tab1"
        title="Books"
        content="Tab_Page1.jsp"
        tooltip="Books"/>

    <ctrl:tab
        id="tab2"
        title="Movies & DvDs"
        content="Tab_Page2.jsp"
        tooltip="Movies"/>

    <ctrl:tab
        id="tab3"
        title="Musik CDs"
        content="Tab_Page3.jsp"
        tooltip="Disabled Tab"
        enable="false"/>

    <ctrl:tab
        id="tab4"
        title="Nested TabSet"
        content="Tab_Page4.jsp"
        tooltip="Demo of a nested TabSet"/>

    <ctrl:tab
        id="tab5"
        title="Simple SVG-Graphic"
        content="Tab_Page5.jsp"
        tooltip="SVG-Example"/>

    <ctrl:tab
        id="tab6"
        title="My Account"
        content="Tab_Page6.jsp"
        tooltip="My Account"
        imageref="user"/>

</ctrl:tabset>

</html:form>