Three level pop up

Question

Hi All,
I want to have three level pop up menu on my application.
First Level- Horizontal on mouseHover it should show next level vertical and on second level mouseHover it should again be Vertical.
I have changed the required paramaters but its still showing third level as Horizontal instead of Vertically displaying the menu.
I don't want to user Menu option.
Below is the code for Pop-Up. Please help
<cust:panelCustomizable id="pt_pc4"
inlineStyle="background-image:url(#{facesContext.externalContext.requestContextPath}/images/globe_tab-bkg.png);background-position:center top;background-repeat:repeat-x;padding-top:2px;"
rendered="#{!composerContext.inEditMode and attrs.showNavigation and !attrs.isEditingTemplate}">
<af:panelGroupLayout id="pt_pgl3" layout="horizontal"
inlineStyle="height:20px;">
<af:spacer id="pt_sp3" width="10"/>
<!-- iterate over navigation items -->
<af:forEach var="node" varStatus="vs"
items="#{navigationContext.defaultNavigationModel.listModel['startNode=/, includeStartNode=false']}">
<af:subform id="pt_sfm1">
<af:switcher id="pt_sw1"
facetName="#{(empty node.attributes['Target']) || (node.attributes['Target'] == '_popup') ? 'command' : 'golink'}">
<f:facet name="command">
<af:commandLink id="pt_cl1" text="#{node.title}"
inlineStyle="font-size:small;#{node.selected ? 'font-weight:bold;' : ''}"
action="pprnav"
disabled="#{not node.navigable}"
actionListener="#{navigationContext.processAction}"
clientComponent="#{node.attributes['Target'] == '_popup' ? true : false}">
<!-- pass node to processAction for setting current selection and navigation -->
<f:attribute name="node" value="#{node}"/>
<af:showPopupBehavior popupId="menuPopup"
align="afterStart"
triggerType="mouseHover"/>
<c:if test="${node.attributes['Target'] == '_popup'}">
<af:clientAttribute name="modelPath"
value="#{node.navigationModel.metadataId}"/>
<af:clientAttribute name="selectedPrettyUrl"
value="#{node.prettyUrl}"/>
<af:clientAttribute name="selectedTitle"
value="#{node.title}"/>
<af:showPopupBehavior popupId="::rendererPopup"
triggerType="action"/>
</c:if>
</af:commandLink>
</f:facet>
<f:facet name="golink">
<af:goLink id="pt_gl1" text="#{node.title}"
destination="#{node.goLinkPrettyUrl}"
targetFrame="#{node.attributes['Target']}"
inlineStyle="font-size:small;#{node.selected ? 'font-weight:bold;' : ''}">
<af:showPopupBehavior popupId="menuPopup"
align="endBefore"
triggerType="mouseHover"/>
</af:goLink>
</f:facet>
</af:switcher>
<af:spacer id="pt_sp9" width="20" rendered="#{! vs.last}"/>
<af:popup id="menuPopup" contentDelivery="immediate"
animate="false" rendered="#{! empty node.children}">
<af:panelGroupLayout id="pt_pgl7" layout="vertical">
<af:forEach var="node2" varStatus="vs2"
items="#{node.children}">
<af:switcher id="pt_s1"
facetName="#{(empty node2.attributes['Target']) || (node2.attributes['Target'] == '_popup') ? 'command' : 'golink'}">
<f:facet name="command">
<af:commandLink id="pt_cl3" text="#{node2.title}"
inlineStyle="font-size:small;#{node2.selected ? 'font-weight:bold;' : ''}"
action="pprnav"
disabled="#{not node2.navigable}"
actionListener="#{navigationContext.processAction}"
clientComponent="#{node2.attributes['Target'] == '_popup' ? true : false}">
<!-- pass node to processAction for setting current selection and navigation -->
<f:attribute name="node5" value="#{node2}"/>
<af:showPopupBehavior popupId="pt_p1"
align="endBefore"
triggerType="mouseHover"/>
<c:if test="${node2.attributes['Target'] == '_popup'}">
<af:clientAttribute name="modelPath"
value="#{node2.navigationModel.metadataId}"/>
<af:clientAttribute name="selectedPrettyUrl"
value="#{node2.prettyUrl}"/>
<af:clientAttribute name="selectedTitle"
value="#{node2.title}"/>
<af:showPopupBehavior popupId="::rendererPopup"
triggerType="action"/>
</c:if>
</af:commandLink>
</f:facet>
<f:facet name="golink">
<af:goLink id="pt_gl3" text="#{node2.title}"
destination="#{node2.goLinkPrettyUrl}"
targetFrame="#{node2.attributes['Target']}"
inlineStyle="font-size:small;#{node2.selected ? 'font-weight:bold;' : ''}">
<af:showPopupBehavior popupId="pt_p1"
align="endBefore"
triggerType="mouseHover"/>
</af:goLink>
</f:facet>
</af:switcher>
<af:spacer id="pt_s4" width="20" rendered="#{! vs2.last}"/>
<af:popup id="pt_p1" contentDelivery="immediate"
animate="false" rendered="#{! empty node2.children}" >
<af:panelGroupLayout id="pt_pgl4" layout="horizontal">
<af:forEach var="node3" varStatus="vs3"
items="#{node2.children}">
<af:spacer id="pt_sp10" height="5px"/>
<af:switcher id="pt_sw2"
facetName="#{(empty node3.attributes['Target']) || (node3.attributes['Target'] == '_popup') ? 'command' : 'golink'}">
<f:facet name="command">
<af:commandLink id="pt_cl2" text="#{node3.title}"
inlineStyle="#{node3.selected ? 'font-weight:bold;' : ''}"
action="pprnav"
disabled="#{not node3.navigable}"
actionListener="#{navigationContext.processAction}"
clientComponent="#{node3.attributes['Target'] == '_popup' ? true : false}">
<!-- pass node to processAction for setting current selection and navigation -->
<f:attribute name="node" value="#{node3}"/>
<c:if test="${node2.attributes['Target'] == '_popup'}">
<af:clientAttribute name="modelPath"
value="#{node3.navigationModel.metadataId}"/>
<af:clientAttribute name="selectedPrettyUrl"
value="#{node3.prettyUrl}"/>
<af:clientAttribute name="selectedTitle"
value="#{node3.title}"/>
<af:showPopupBehavior popupId="::rendererPopup"
triggerType="action"/>
</c:if>
</af:commandLink>
</f:facet>
<f:facet name="golink">
<af:goLink id="pt_gl2" text="#{node3.title}"
destination="#{node3.goLinkPrettyUrl}"
targetFrame="#{node3.attributes['Target']}"
inlineStyle="font-size:small;#{node3.selected ? 'font-weight:bold;' : ''}">
<af:showPopupBehavior popupId="pt_p1"
align="afterStart"
triggerType="mouseHover"/>
</af:goLink>
</f:facet>
</af:switcher>
</af:forEach>
</af:panelGroupLayout>
</af:popup>
</af:forEach>
</af:panelGroupLayout>
</af:popup>
</af:subform>
</af:forEach>
</af:panelGroupLayout>
</cust:panelCustomizable>
<af:popup id="rendererPopup" contentDelivery="lazyUncached"
launcherVar="source" eventContext="launcher">
<af:setPropertyListener from="#{source.attributes.modelPath}"
to="#{viewScope.modelPath}"
type="popupFetch"/>
<af:setPropertyListener from="#{source.attributes.selectedPrettyUrl}"
to="#{viewScope.selectedPrettyUrl}"
type="popupFetch"/>
<af:setPropertyListener from="#{source.attributes.selectedTitle}"
to="#{viewScope.selectedTitle}"
type="popupFetch"/>
<af:dialog id="pt_d1" title="#{viewScope.selectedTitle}" type="cancel"
cancelTextAndAccessKey="Close">
<af:region value="#{bindings.navigationrenderer1.regionModel}"
id="pt_r1"/>
</af:dialog>
</af:popup>
I'm not sure how to post code in block.
Please advice.

Answer 1

To format your code you can read the FAQs (link in the top right corner.
Not sure about your problem, as the code it hard to read.
Please gives us your jdev version and technology
Timo