This topic is locked

Tutorial: adding menu to DocManager template

1/21/2014 10:57:59 PM
DocManager template
admin

By default the main page of DocManager template doesn't have a menu, just a list of files and folders. This would work just fine if all you need is to manage files. If DocManager template is a part of larger project you want, at the very least, display a menu with links to other project pages. Here is how you can do this.

  1. Adding horizontal menu.
    Proceed to doc_files List page in Visual Editor and switch to HTML mode. Insert the code snippet in bold.
    {BEGIN container_search}

    <DIV class="rnr-c rnr-ch rnr-c-search">
    <DIV class="rnr-c rnr-ch rnr-c-hmenu">

    {$menu main horizontal}

    </DIV>

    ...


Switch back to Visual mode to make sure it looks right. Here is how it supposed to look in generated application.


2. Adding vertical menu.
The same idea: switch to HTML mode and insert code snippet in bold.

<DIV class="rnr-middle">

<DIV class="rnr-left {$blockclass_left}">
<DIV class="rnr-cw-left rnr-s-menu asbuttons Bold1Aqua1">

<DIV class="rnr-c rnr-cv rnr-c-left">

{$menu main}

</DIV>

</DIV>

</div>

...



If you want you can even have both horizontal and vertical menus on the same page.