How to add a  Sliding Sidebar  menu to your 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.SlidingSidebar function ( Insert > Function), or add the following code:
     Expand code

   <f:function name="Composite.Navigation.SlidingSidebar" xmlns:f="http://www.composite.net/ns/function/1.0">
     <f:param name="Level" value="0" />
     <f:param name="Parent" value="true" />
     <f:param name="Childs" value="true" />
     <f:param name="Expand" value="false" />
     <f:param name="Title" value="Sliding Sidebar" />
     <f:param name="Position" value="right" />
   </f:function>

2. If necessary, specify its optional parameters:
   • Starting Level: The level to start the navigation menu from ("0" by default).
   • Include Parent Page: If this option is selected, the parent page will be displayed in the menu ("True" (Yes) 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".
   • Title: The title of the Composite.Navigation.SlidingSidebar menu ("Sliding Sidebar" by default).
   • Position: The position of the Composite.Navigation.SlidingSidebar menu on page ("right" by default).

Customization

You can customize the menu's layout by editing its style sheets:

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