R2i DotNetNuke Blog

 

New Navigation Options in DotNetNuke 5.x Designers Should Know

Monday, June 14, 2010 by Cuong Dang

Since the skin contest launched, there are so many different navigations skin designers implemented for their submissions rather than the core controls. I’ve seen conversations going on around the community that core DotNetNuke navigations are bit outdated and clumsy.

If you talk to any DotNetNuke expert out there, majority of them would recommend the most widely known and trusted (it seems) Telerik navigation web controls. However, you would have to pay for a $999.00 license fee  to be able to access and use it.

Well, things have changed since DotNetNuke announced their partnership with Telerik. Many of you might not know since the inclusion of Telerik in DNN 5.2, there are navigation skin objects that are available to use for free and they all pretty powerful in providing various functionalities.

So I’ve decided to compile and quick list of a few available navigation controls (not all of them)  that you can start using and see the differences. Each of them has their own unique features and ability to deliver different navigation scenarios. My advice is you need evaluate your requirements carefully and decide which one is best for the projects. If these don’t work, feel free to let me know and I’ll dig into more options for you. Enjoy!

  • DNNRadMenu
    Although telerik is bundled in DNN since version 5.2, DNNRadMenu control isn’t in the core package. You have to download the skin object and install it separately. You can use this control for horizontal navigation for your projects.

    View Demo | Download DNNRadMenu Skin Object
     
  • DNNRadPanelBar
    Similar to DNNRadMenu, DNNRadPanelBar isn’t packaged and delivered with the core framework either. But you can still find the skin object on codeplex. DNNRadPanelBar is often used for vertical navigations.

    View Demo | Download DNNRadPanelBar Skin Object
  • JDMenu
    Created and freely distributed by Johnathan Sharp of Outwest Media, the control takes advantage of jQuery framework and allows flexible design options.

    View Demo | Download JDMenu Skin Object
  • DDRMenu
    An awesome product of Mark Allan who currently lives in Northen Ireland. He wrote this menu and published it freely for everyone to use and quite honestly, this control is one of the best navigations out there that I would recommend to use. The menu control also supports localization.

    View Demo | Download DDRMenu Skin Object

The following navigation controls are not new but worth mentioning since I like to provide a full picture of what’s available out there.

  • DNNMenu
    This is a core navigation control created by Jon Henning and is a pretty good option for relying on the core features without introducing third party component. This control generates list item markup.

    View Demo | Download? It’s already in the core!

  • HouseMenu
    I’ve been a long time fan of this real simple navigation. Although it has some minor bugs that need to be addressed, I still think the control is a great option for some small projects that doesn’t require complex features. It is very simple to implement.

    Download HouseMenu Skin Object
 
Comments

2500 characters remaining

Add Comment
Recent Comments

Cuong Dang March 03, 2011

I would recommend trying out DDRMenu by MarkXA- it has the ability to create the template to achieve similar behavior. Let us know if you need help creating it.

http://www.dnngarden.com/DNN-Menu.T56.aspx

February 16, 2011

I am looking for functionality similar to the menu on http://www.bu.edu/. All of the menu items expand on hover and push the rest of the content down (instead of hovering over it). Any suggestions pointing me in the right direction are much appreciated.

July 06, 2010

@Phil for most of the modern mobile devices they are pretty much touch screen. This prevents the hover effects to happen. Since users only deal with a small screen, I would limit the level of menu items to make the experience better and users can actually find what they need quickly. So to evaluate the option for menu, you will need to look into which provider allows minimal/standards compliant html output and it also has to be fast and light-weight.

phil wegrzyn July 01, 2010

So does anyone know which one(s) work best for sites which are going to be accessed through mobile (mostly blackberry and IPhone)? We've had lots of problems getting the menus to work for blackberry in particular, regardless of menu provider we;ve used so far. Do people just convert all their menuing for mobile to single level, or possibly drill-down?

4 June 18, 2010

Like the article - thanks. I think there is one menu solution you are missing that is absolutely the best (IMHO)... Snapsis NavMenu. Very customizable with templates.

4 June 16, 2010

Nice round-up! I think an ever-expanding list of DNN navigation providers would be really useful!

June 16, 2010

Care to share the URL to the Menu Box / Menu Factory?

June 16, 2010

Mikita and Serge (CodingStaff) did an impressive session about their free navigation solution combo Menu Box/ Menu Factory at the European Day of DotNetNuke in Paris.

June 16, 2010

I'll go ahead and chime in w/ my 2 cents...I'm a big fan of DDR Menu, and it's flexibility to modify it's core output via XSLT. That easily makes it one of the most versatile menu systems for DNN. We used it to create a super menu on http://www.canvassystems.com/

Cuong Dang June 16, 2010

Hey no problem at all. I published an article about this a while ago with older nav options, I might combine them to have a master list of all nav options in DNN sometimes.

June 16, 2010

Thank you for this helpful hints...
 

Most Discussed

 

Subscribe to our blog

 

New York, NY • Baltimore, MD • Vienna, VA • St. Louis, MO • Seatle, WA • 410.327.0007 • info@R2Integrated.com

Bookmark & Share Bookmark and Share