Follow me @MarkXA

Subscribe

Donate

Superfish menu for DotNetNuke

This template allows you to use the jQuery Superfish plugin for your DotNetNuke menu. This looks somewhat similar to SolPartMenu and DNNMenu, but is probably a better choice if starting from scratch, as it is more standards-compliant and accessible.

How to set it up

  1. Install the core menu.
  2. Download the superfish.zip template and extract it to a folder in your skin called Superfish (see the menu template installation instructions for more detail).
  3. Add the menu to your skin ASCX file - usually
    <ddr:MENU MenuStyle="Superfish" 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 Superfish plugin page, but an example of how you might change the menu behaviour might be

<ddr:MENU MenuStyle="Superfish" runat="server">
<ClientOptions>
<ddr:ClientString Name="speed" Value="slow" />
<ddr:ClientOption Name="animation" Value="{width:'show'}" />
</ClientOptions>
</ddr:MENU>

which looks like this: