Have a drop-down menu for navigation
This package provides you with a JavaScript-based drop-down menu, which allows the users to navigate through pages within the website.
Technical description
You can configure the behavior of the drop-down menu by editing its parameters.
How to implement Composite.Navigation.Dropdown
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.Dropdown function (Insert > Function), or add the following code:
<f:function name="Composite.Navigation.DropDown" xmlns:f="http://www.composite.net/ns/function/1.0"> <f:param name="Level" value="1" /> <f:param name="Depth" value="2" /> <f:param name="Parent" value="false" /> </f:function>
2. If necessary, specify its optional parameters:
- Starting Level: The pages tree level the drop-down menu starts to display items from ("1" by default).
- Subpages Depth: The depth of subpages to display in the drop-down menu ("2" by default).
- Include Parent Page: If this option is selected, the parent page will be displayed in the menu ("False" (No) by default).
Note: You can override the default values by changing the Value Type to specify a simple value.
Customization
You can customize the layout of the drop-down menu by editing its style sheet:
~/Frontend/Composite/Navigation/DropDown/Styles.css
Requirements
Composite C1 2.0 or later