Show TOC

Background documentationNavigation Zoom Locate this document in the navigation structure

 

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:

      Syntax Syntax

      1. node.getAttributeValue("com.sap.portal.navigation.PortalPlace")
      End of the code.

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

    Syntax Syntax

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

where myNodeID is the navigation node ID.

Using the Navigation Tag Library

Syntax Syntax

  1. <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>
End of the code.