Follow me @MarkXA

Subscribe

Donate

Treeview menu for DotNetNuke

This template allows you to use the jQuery treeview plugin as a DotNetNuke menu.

How to set it up

  1. Install the core menu.
  2. Download the treeview.zip template and extract it to a folder in your skin called Treeview(see the menu template installation instructions for more detail).
  3. Add the menu to your skin ASCX file - usually
    <ddr:MENU MenuStyle="Treeview" runat="server" />
    See the instructions for adding a menu to a skin for more detail.

Options

Details of styling and options can be found on the jQuery Treeview plugin page, but an example of how you might change the menu behaviour might be

<ddr:MENU MenuStyle="Treeview" runat="server">
<ClientOptions>
<ddr:ClientString Name="animated" Value="slow" />
<ddr:ClientBoolean Name="unique" Value="true" />
</ClientOptions>
</ddr:MENU>

which looks like this: