tell me more icon In the IDE

When you complete the steps, the visual editor should look similar to this:

Visual editor

If you click Source in the editor window, you should see the code JDeveloper added for you. The Navigation Pane code for level 3 list is exactly the same as the other levels, except for the hint and level attribute values:

                               
<af:navigationPane hint="list" level="3"
                   value=#{root_menu} var="menuInfo"..>
  <f:facet name="nodeStamp">
    <af:commandNavigationItem text="#{menuInfo.label}"
                              destination="#{menuInfo.destination}"
                              action="#{menuInfo.doAction}"../>
  </f:facet>
</af:navigationPane>
                            

The Facet Ref code references the body facet definition in the template:

                               
<af:facetRef facetName="body"/>
                            

In the Structure window for myTemplate.jspx, Source tab, the structure under af:pageTemplateDef should look like this:

Structure window, facetRef

There should be three nested af:decorativeBox components in the center facet of af:panelStretchLayout. Each of the outer two af:DecorativeBox components should have one af:navigationPane component in its top facet (for level 1 and 2 tabs). In the top facet of the innermost af:decorativeBox component, there should be one af:breadCrumbs component.

In the center facet of the innermost af:decorativeBox component, there should be one af:panelSplitter component. In the first facet of af:panelSplitter, there should be one af:navigationPane component (for level 3 list); in its second facet there should be one af:facetRef component (referencing the body facet in the template).

In the top facet of af:panelStretchLayout there should be one af:panelHeader component. In the menuBar facet of af:panelHeader there should be one af:navigationPane component (for level 0 buttons).

Note: You can use the sample template code provided to verify that you have created the page template definition correctly.

Copyright © 1997, 2009, Oracle. All rights reserved.