The default Painter does not support any graphical elements for the vertical menu, in contrast to the horizontal menu. The menu options are output as text and formatted suitably using StyleSheets.

The referencing of a menu option is carried out later, with the help of a path expression, which is composed of the Id's of the individual menu options within the hierarchy. Roughly the following pass specifications would hold good for the menu option "sample101": list/samples/standard/samples101.

For the correct interplay between the individual menu elements, particular attention must be paid to defining the menu parts. Since our main menu defines the menu option with the id "list", the corresponding main menu option is selected simultaneously.

<%@ taglib uri="/WEB-INF/tlds/cc-menu.tld" prefix="menu" %>

<menu:menu id="list" type="sidebar" width="135">
    <menu:menuitem
        id="overview"
        text="Overview"
        action="listcontrol/features.do">
        <menu:menuitem
            id="features"
            text="Features"
            action="listcontrol/features.do"/>
    </menu:menuitem>
        <menu:menuitem
            id="samples"
            text="Samples"
            action="listcontrol/sample101/userBrowse.do">
        <menu:menuitem
            id="standard"
            text="Standard"
            action="listcontrol/sample101/userBrowse.do">
            <menu:menuitem
                id="sample101"
                text="Browsing"
                action="listcontrol/sample101/userBrowse.do"/>
            <menu:menuitem
                id="sample102"
                text="Check-Column"
                action="listcontrol/sample102/carBrowse.do"/>
            <menu:menuitem
                id="sample103"
                text="Using ImageMap's"
                action="listcontrol/sample103/userRoleBrowse.do"/>
            <menu:menuitem
                id="sample104"
                text="Filtering Data"
                action="listcontrol/sample104/manufacturerBrowse.do"/>
        </menu:menuitem>
        <menu:menuitem
            id="advanced"
            text="Advanced"
            action="listcontrol/sample121/addressBrowse.do">
            <menu:menuitem
                id="sample121"
                text="ServerSide DesignModel"
                action="listcontrol/sample121/addressBrowse.do"/>
            <menu:menuitem
                id="sample131"
                text="Dynamic DataModel"
                action="listcontrol/sample131/dynamicListBrowse.do"/>
        </menu:menuitem>
    </menu:menuitem>
</menu:menu>

back   |   continue to step 4