Follow me @MarkXA

Subscribe

Donate

Share

Mega-menu for DotNetNuke

This is a first stab at making a "mega menu" for DNN. Basically, instead of having multiple levels of dropdown, all the available options for a top-level menu item are displayed in a single large dropdown.

Yes, I know it looks a little bit basic at the moment! Unfortunately I'm not a designer, so a pretty one will have to wait a while ...

How it looks

 
 
 

How to set it up

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

Styling

Menu containers have CSS classes .ddrmenu and .ddrmenulevel[n] where n is 0 for the root menu.

Menu items have CSS classes .ddrmenuitem and .ddrmenuitemlevel[n] where n is 0 for root menu items. They may also have .ddrmenuitemselected, .ddrmenuitemfirst, .ddrmenuitemlast and .ddrmenuitemonly if appropriate. Use A.ddrmenuitem:hover to set hover styles.