Define a Navigation Bar

To configure a tab to contain a navigation bar in the content area, it is necessary to include the id of the navigation bar configuration in the navigation element of the tab. Define a Navigation Bar shows the modified version of Person.tab.

Figure 1. SimplePerson Tab

        <tc:tab-config
       id="SimplePerson">

  <tc:page-param name="personID"/>

  <tc:context page-id="SimplePersonContext" height="60"/>
        <tc:navigation id="SimplePersonNav"/>
        </tc:tab-config>

The navigation bar configuration itself is defined using an XML configuration file with the extension .nav. Like other tab configuration artifacts, the .nav files are located in the EJBServer\components\<component-name>\clientapps directory, where <component-name> is a custom component.

Define a Navigation Bar shows the contents of SimplePersonNav.nav. It defines one navigation group, with two navigation pages.

Figure 2. SimplePersonNav.nav

<nc:navigation id="SimplePersonNav">
  <nc:nodes>
       <nc:navigation-group id="PersonHome" title="PersonHome"
         description="Person Details Group">
     <nc:navigation-page id="SimplePerson" page-id="SimplePerson"
       title="PersonDetails.Title"/>
     <nc:navigation-page id="Employments" page-id="Employments"
       title="EmploymentHistory.Title"/>
   </nc:navigation-group>
</nc:nodes>
</nc:navigation>

The corresponding .properties should contain the localizable content for the page:

PersonHome.Title=Person Home
EmploymentHistory.Title=Employment History
PersonDetails.Title=Person Details