I'm porting an application from the old ADF Faces to Trinidad. In ADF Faces,
I have this in a .jspx page inside an af:panelPageHeader element:
<f:facet name="menuGlobal">
<af:menuButtons var="menu1Item"
value="#{menuModel_main.model}"
startDepth="0"
inlineStyle="padding:0em 0em 0.5em">
<f:facet name="nodeStamp">
<af:commandMenuItem text="#{menu1Item.label}"
accessKey="#{menu1Item.accessKey}"
action="#{menu1Item.getOutcome}"
useWindow="#{menu_enrollment.useWindow}"
windowWidth="#{menu_enrollment.windowWidth}"
windowHeight="#{menu_enrollment.windowHeight}"
icon="#{menu1Item.icon}"
rendered="#{menu1Item.type ==
'global'}"/>
</f:facet>
</af:menuButtons>
</f:facet>
<f:facet name="menu1">
<af:menuTabs var="menu1Item" value="#{menuModel_main.model}"
startDepth="0" inlineStyle="text-align: left;">
<f:facet name="nodeStamp">
<af:commandMenuItem text="#{menu1Item.label}"
accessKey="#{menu1Item.accessKey}"
action="#{menu1Item.getOutcome}"
useWindow="#{menu_enrollment.useWindow}"
windowWidth="#{menu_enrollment.windowWidth}"
windowHeight="#{menu_enrollment.windowHeight}"
icon="#{menu1Item.icon}"
rendered="#{menu1Item.type ==
'default'}"/>
</f:facet>
</af:menuTabs>
</f:facet>
<f:facet name="menu2">
<af:menuBar var="menu1Item" value="#{menuModel_main.model}"
startDepth="1" inlineStyle="text-align: left;">
<f:facet name="nodeStamp">
<af:commandMenuItem text="#{menu1Item.label}"
accessKey="#{menu1Item.accessKey}"
action="#{menu1Item.getOutcome}"
useWindow="#{menu_enrollment.useWindow}"
windowWidth="#{menu_enrollment.windowWidth}"
windowHeight="#{menu_enrollment.windowHeight}"
icon="#{menu1Item.icon}"/>
</f:facet>
</af:menuBar>
</f:facet>
in my converted page, I have
<f:facet name="navigationGlobal">
<tr:navigationPane hint="buttons" var="menu1Item"
value="#{menuModel_main.model}"
level="0"
inlineStyle="padding:0em 0em 0.5em">
<f:facet name="nodeStamp">
<tr:commandNavigationItem text="#{menu1Item.label}"
accessKey="#{menu1Item.accessKey}"
action="#{menu1Item.getOutcome}"
useWindow="#{menu_enrollment.useWindow}"
windowWidth="#{menu_enrollment.windowWidth}"
windowHeight="#{menu_enrollment.windowHeight}"
icon="#{menu1Item.icon}"
rendered="#{menu1Item.type ==
'global'}"/>
</f:facet>
</tr:navigationPane>
</f:facet>
<f:facet name="navigation1">
<tr:navigationPane hint="tabs" var="tabItem"
value="#{menuModel_main.model}"
level="0" inlineStyle="text-align: left;">
<f:facet name="nodeStamp">
<tr:commandNavigationItem text="#{tabItem.label}"
accessKey="#{tabItem.accessKey}"
action="#{tabItem.getOutcome}"
useWindow="#{menu_enrollment.useWindow}"
windowWidth="#{menu_enrollment.windowWidth}"
windowHeight="#{menu_enrollment.windowHeight}"
icon="#{tabItem.icon}"
rendered="#{tabItem.type ==
'default'}"/>
</f:facet>
</tr:navigationPane>
</f:facet>
<f:facet name="navigation2">
<tr:navigationPane hint="bar" var="buttonItem"
value="#{menuModel_main.model}"
level="1" inlineStyle="text-align: left;">
<f:facet name="nodeStamp">
<tr:commandNavigationItem text="#{buttonItem.label}"
accessKey="#{buttonItem.accessKey}"
action="#{buttonItem.getOutcome}"
useWindow="#{menu_enrollment.useWindow}"
windowWidth="#{menu_enrollment.windowWidth}"
windowHeight="#{menu_enrollment.windowHeight}"
icon="#{buttonItem.icon}"/>
</f:facet>
</tr:navigationPane>
</f:facet>
However, what I am getting is the navigationGlobal and navigation1 items
getting displayed correctly but in the menu bar where navigation2 is, I am
seeing the navigationGlobal and navigation1 items as menu buttons and not
the sub menu items.
Thanks for any help in advance,
Richard