How to add a Distributed navigation menu to a website

1. On the Content tab of a page, the Markup Code tab of a template or the Template tab of an XSLT function, insert the Composite.Navigation.Distributed function ( Insert > Function), or add the following code:
   Expand code

   <f:function name="Composite.Navigation.Distributed" xmlns:f="http://www.composite.net/ns/function/1.0"> 
     <f:param name="Level" value="1" /> 
     <f:param name="Parent" value="false" /> 
     <f:param name="Childs" value="true" /> 
     <f:param name="Expand" value="false" /> 
     <f:param name="NavigationId" value="NavigationSideBar" /> 
   </f:function>

   
   
2. If necessary, specify its optional parameters:

• Level: The level to start the navigation menu from ("1" by default).
• Include Parent Page: If this option is selected, the parent page will be displayed in the menu ("False" (No) by default).
• Include Child Pages: If this option is selected, the child pages will be displayed in the menu ("True" (Yes) by default).
• Expand All: If this option is selected, the menu items will be expanded in the menu to show the child pages ("False" (No) by default). It works only if the Include Child Pages parameter is set to "True".
• Navigation Id: The value of the "id" attribute of the <div> element used with the menu ("NavigationSideBar" by default). For example, if NavigationId is set to "NavigationSideBar", it will look like <div id="NavigationSideBar"><ul>…</ul></div> in the source code.
• Start Page: The page to start displaying the menu from (the website's root page by default).

Customization

You can customize of the Distributed menu layout by editing its style sheet:

~/Frontend/Composite/Navigation/Distributed/Styles.css