Ionize User Guide Version 0.9.6


Menus

Menus organize the content.

They are containers for pages.

2 menus can't be changed : "Main menu" and "System menu".

The "Main menu" is the basic menu if you only have one menu in your website.
The "System menu" contains system pages, like the "content not found" 404 page.

Menus items are the pages contained in the menus.

Adding one menu

Go into the panel : Content > Manage menus...

Get one menu in views

To get one menu content (pages) in views, Ionize comes with 2 tags :

navigation : This tag provides a one level navigation.

tree_navigation : Displays the complete tree of pages.

// Example of the navigation tag usage :
<ion:navigation level="0" tag="ul" id="my_nav" class="navigation" active_class="active" />

// Result : 
<ul id="my_nav" class="navigation">
    <li class="active">Home</li>
    <li>Services</li>
    <li>About us</li>
</ul>


// Example of the tree_navigation tag usage :
<ion:tree_navigation tag="ul" id="my_nav" class="navigation" active_class="active" />

// HTML Result : 
<ul id="my_nav" class="navigation">
    <li>Home</li>
    <li class="active">Services</li>
        <ul>
            <li class="active">Webdesign</li>
            <li>Coding</li>
        </ul>
    <li>About us</li>
</ul>

Look at the Ionize navigation tag documentation to see complete features of these tags.