Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Customizing the Menu;Customizing the Menu;
Previous
 
Next
New Post
7/3/2014 2:55 PM
 

Eh, so you mean their requirement is to use this menu?

 https://simplemenu.codeplex.com/

Or is there another Simple menu I don't know of?
That's a menu module, and you should not use that as the main menu component for you DNN site IMHO.

With the DDR menu you could almost generate any HTML you want (if you know XSLT) although IMO that's not needed here.
Getting the menu to also handle 7, 8 or 9 items might be a challenge, also in plain HTML, but that's for later..
(I would solve that using JS I think)

I think without a custom menu template I would float the LI's individually like this;

#nav:after {content: ""; display: table; clear: both;}

#nav li:nth-child(-n+3){float:left;}
#nav li:nth-child(n+4){float:right;}

 

HTH

 
New Post
7/3/2014 5:18 PM
 

I believe the Simple Menu they are referring to is a template that is added to the DDR Menu folder under Desktop Modules.

The hierarchy for that tree structure looks like Desktop Modules > DDR Menu > Simple

Still being new with DNN, I'm trying to figure all of this stuff out. 

 Are there any good resources that as a completely fresh face to DNN would be able to follow to create a menu system that utilizes DDR?

 

I understand your reference of adding

#nav li:nth-child(-n+3){float:left;}
#nav li:nth-child(n+4){float:right;}

But I can't tell if it's working, or if I should take the syntax and apply it to the current item classes.

 
New Post
7/7/2014 8:40 AM
 
Got it! Thanks Timo! You're amazing.

I do have two questions however, with this new float system that I've implemented, the float right has reversed the order of the links; is there a way to change this?

Also, is it possible to have the menu auto adjust as my client adds more links? I'd like to tell them to not add more but I doubt they would listen.

Thank you already for your help!
 
New Post
7/7/2014 8:50 AM
 
Hmm, right, you cannot really do anything about the changed order, I did not think about that side effect TBH.
Not very intuitive I for an admin.
To allow more items you would need to modify the xslt file or use JS, to set the width of the items.
Personally I would also split the menu in two using jQuery.
Wrap the left and right items in a wrapper, based on the number of items and float one left and the other one right.
This would also allow you to calculate the available width for the items, making adding items possible.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Customizing the Menu;Customizing the Menu;


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out