Show TOC

Navigation ZoomLocate this document in the navigation structure

Use

A navigation node can be set as a navigation zoom, meaning that when a user clicks on the node, the portal navigation is redisplayed but with the children of the selected node as the top-level nodes.

For more information, see Configuring Navigation Zoom .

When creating your own navigation iViews, you can implement the navigation zoom feature for each node specified as a navigation zoom.

Procedure

You can implement navigation zoom either using the Navigation Zoom Java API, or using the dedicated navigation zoom tags of the Navigation Tag Library.

Using the Java API

  1. Check if the navigation node is a navigation zoom, in one of the following ways:

    • Use the ifNavNodeIsNavZoom tag of the navigation tag library.

    • Check the navigation zoom attribute of the navigation node, as follows:

                              node.getAttributeValue("com.sap.portal.navigation.PortalPlace")

  2. Create a link to the navigation zoom component and specify the current navigation node.

                      <a href="/irj/servlet/prt/portal/prtroot/com.sap.portal.navigation.helperservice.PortalPlaceRedirect?ppLaunchURL=myNodeID"
>

where myNodeID is the navigation node ID.

Using the Navigation Tag Library 

            <nav:recurseNavNodeChildren currentDepth="level">
        <div class="dtnLevel<%=level.byteValue()%>">
                <nav:ifNavNodeIsNavZoom>
                        <span class="zoom">
                                <nav:navZoomAnchor/>
                        </span>
                        <nav:doNotRecurseNavNodeChildren/>
                </nav:ifNavNodeIsNavZoom>
                <nav:ifNotNavNodeIsNavZoom>
                        <nav:ifNavNodeHasChildren>
                                <span class="folder">
                        </nav:ifNavNodeHasChildren>
                        <nav:ifNotNavNodeHasChildren>
                                <span class="leaf">
                        </nav:ifNotNavNodeHasChildren>
                        <nav:ifNavNodeInSelectedPath>
                                <strong>
                                        <nav:navNodeAnchor navigationMethod="byURL"/>
                                </strong>
                        </nav:ifNavNodeInSelectedPath>
                        <nav:ifNotNavNodeInSelectedPath>
                                <nav:navNodeAnchor navigationMethod="byURL"/>
                                <nav:doNotRecurseNavNodeChildren/>
                        </nav:ifNotNavNodeInSelectedPath>
                        </span>
                </nav:ifNotNavNodeIsNavZoom>
        </div>
</nav:recurseNavNodeChildren>