How to use Megamenu / Accordion navigation with DDR Menu (Bind Tuning v1.0.0) in DNN6

Making our themes display DDR's mega menu or accordion, is now pretty simple. Here's how to:

Mega Menu

  1. Edit layout files in your skin files (typically home.ascx and/or inner.ascx)
  2. Change from:
    <dnn:MENU1 runat="server" ID="BindMENU1" MenuStyle="DNNMenu">

    to

    <dnn:MENU1 runat="server" ID="BindMENU1" MenuStyle="mega2"">
    
  3. Save, repackage skin and re-install
Info: Mega menu can only be used for horizontal navigation

Accordion Menu

  1. Edit layout files in your skin files (typically home.ascx and/or inner.ascx)
  2. Change from:
    <dnn:MENU2 runat="server" ID="BindMENU2" MenuStyle="DNNMenu">

    to

    <dnn:MENU2 runat="server" ID="BindMENU2" MenuStyle="accordion">
  3. Save, repackage skin and re-install
Info: Accordion menu can only be used for vertical navigation

Samples

interface-accordion.jpginterface-mega.jpg

Have more questions? Submit a request

Comments

  • Avatar
    Charlie Kreitzberg

    Could you please explain what is meant by "repackage the skin?"

    Thanks.

  • Avatar
    Beatriz Oliveira

    Hi Charlie, to edit the skin files you must unzip the skin. Repackage means zipping it again. If you extracted the skin to a folder, mak sure to compress the files inside the folder, and not the folder itself.

    Let us know if you still have any questions.

  • Avatar
    Ath3

    How do I use Mega Menus with the Interface SharePoint 2010 theme? Which file do you need to edit for it to work?

  • Avatar
    Beatriz Oliveira

    Hi, this article is directed towards DotNetNuke skins only, and it is not valid for Sharepoint themes.

    Our Interface theme does not support Megamenus. At this moment, the only theme supporting megamenus for SP2010 is Flex-o.

  • Avatar
    gan

    Hi Charlie,

    I am looking around mega menu. Can you please advise if I can just download the mega menu extension. Thanks.

  • Avatar
    Beatriz Oliveira

    Depending on your theme's current version, you will probably have to re-generate your theme or request an upgrade.

    See how to update your theme here: http://support.bind.pt/entries/20389251-how-do-i-get-an-update-for-my-theme

  • Avatar
    gan

    Thanks Beatriz,

    I have installed the skin, but if i changed, but i hit error ".. cannot load menu style 'mega2'..." when i changed to the following tag  

    <dnn:MENU1 runat="server" ID="BindMENU1" MenuStyle="**mega2**"> 

    Can you please advise what goes wrong?

    Thanks.

  • Avatar
    gan

    Please note the original MenuStyle is "BindMenu" but not "DNNMenu".

  • Avatar
    Beatriz Oliveira

    Can you check your theme's version?

  • Avatar
    gan

    Dear Beatriz,

    It is version 2.0.0.0. 

  • Avatar
    Mariana Silva

    If your version is the 2.0.0.0 you need to follow the instruction on this page:  http://support.bind.pt/entries/21543712-how-to-use-megamenu-accordion-navigation-with-bindmenu-from-bind-tuning-v2-0-0-in-dnn6.

  • Avatar
    gan

    It works, thanks Mariana.

  • Avatar
    nicole flokos

    Thank you Beatriz for your contribution!

    Your menu worked when I used** MenuStyle="mega2DNN*" instead of **MenuStyle="Mega2" *in this tag:

    <dnn:MENU1 runat="server" ID="BindMENU1" MenuStyle=""> 

    Cheers!

BindTuning logo
Copyright Ⓒ 2021 Bind.
All rights reserved.
Privacy Policy
Cookie Policy
BindTuning
              Linkedin BindTuning Twitter BindTuning YouTube BindTuning Instagram BindTuning
              Facebook
Powered by Zendesk