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, ...Need some dnn:nav menu help for my skin contest submissionNeed some dnn:nav menu help for my skin contest submission
Previous
 
Next
New Post
12/29/2009 11:00 AM
 

You can download a document with a list of all skin objects here:

http://www.dotnetnuke.com/Development...

 

 
New Post
12/30/2009 6:01 AM
 

armand datema wrote:

...since I usually use a custom menu for my skins this time I have to use the dnn:nav menu...

Armand / Timo - As I too use a custom UL Menu for my skins, I was wondering what is the final version / answer for this..?

Will this render the NavMenu successfully as an unordered list?

<dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" CSSNodeSelectedRoot="selected" CSSNodeSelectedSub="selected">
<CustomAttributes>
<dnn:CustomAttribute Name="RenderMode" Value="UnorderedList" />
</CustomAttributes>
</dnn:NAV>

 

Also, I don't follow the comment: "The class should be "sel" for a selected item and "bc" for a parent of a selected item."

Where can I find a working example of this..?

Thanks in advance
Jon


Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com

 
New Post
12/30/2009 6:18 AM
 

In order to use unordered list you need 2 things inf you want to use the customattributes you need to register another item in top of  your ascx ( dont know the html/xml way for this )

<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.UI.Skins" Assembly="DotNetNuke" %>

 

then you can use the following to create unordered list menu

<dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" CSSNodeSelectedRoot="sel" CSSNodeSelectedSub="bc>
<CustomAttributes>
<dnn:CustomAttribute Name="RenderMode" Value="UnorderedList" />
</CustomAttributes>
</dnn:NAV>

As for the classes here are all the ones I know of ( copied this from a site but dont know the url anymore )

You can see them if you use the firefox developers toolbar and choose  "view generated source"

<ul style="-moz-user-select: none;" tabindex="0" class="" id="dnn_dnnNAV_ctldnnNAV">
<li class=" sel sel bc mi mi0 id57 root first" style="display: inline; list-style-type: none;
list-style-image: none; list-style-position: outside;" id="dnn_dnnNAV_ctldnnNAVctr57">
<a href="http://localhost/dnn521/businessblocks/Home.aspx"><span>Home</span></a></li><li
class=" mi mi1 id75 root" style="display: inline; list-style-type: none; list-style-image: none;
list-style-position: outside;" id="dnn_dnnNAV_ctldnnNAVctr75"><a href="http://localhost/dnn521/businessblocks/Services.aspx">
<span>Services</span></a></li><li class=" mi mi2 id76 root" style="display: inline;
list-style-type: none; list-style-image: none; list-style-position: outside;"
id="dnn_dnnNAV_ctldnnNAVctr76"><a href="http://localhost/dnn521/businessblocks/Products.aspx">
<span>Products</span></a></li><li class=" mi mi3 id77 root" style="display: inline;
list-style-type: none; list-style-image: none; list-style-position: outside;"
id="dnn_dnnNAV_ctldnnNAVctr77"><a href="http://localhost/dnn521/businessblocks/Portfolio.aspx">
<span>Portfolio</span></a></li><li class=" mi mi4 id78 root" style="display: inline;
list-style-type: none; list-style-image: none; list-style-position: outside;"
id="dnn_dnnNAV_ctldnnNAVctr78"><a href="http://localhost/dnn521/businessblocks/About.aspx">
<span>About</span></a></li><li class=" mi mi5 id79 root" style="display: inline;
list-style-type: none; list-style-image: none; list-style-position: outside;"
id="dnn_dnnNAV_ctldnnNAVctr79"><a href="http://localhost/dnn521/businessblocks/News.aspx">
<span>News</span></a></li><li class=" mi mi6 id80 root last" style="display: inline;
list-style-type: none; list-style-image: none; list-style-position: outside;"
id="dnn_dnnNAV_ctldnnNAVctr80"><a href="http://localhost/dnn521/businessblocks/Contact.aspx">
<span>Contact</span></a></li>
</ul>
 

 

 

Class Description Sample Explanation
.m All Sub Menu .m All sub menus
.m[level] Sub Menu at Level x .m0 First level sub menus
.mid[id] Sub Menu with ID x .mid39 DNN Admin Sub Menu
.break Break .break All menu breaks
.mi Menu Item (all) .mi All Menu Items
.id Menu Item with ID x .id41 Menu Item with ID 41
.mi[path] Menu Item in Specific Path .mi0
.mi1-0
First Menu Item (Home)
First child of second root menu
.root Root Menu Item .root All root menu items
.first First Menu Item .first
.root.first
First menu item in each menu
First menu item in root only
.last Last Menu Item .last
.first.last
Last menu item in each menu
Menu items with only one item (both 1st and last)
.icn Icon .first.icn First Icon container in all menus
.hov Hover .root.first.hov First menu item hover
.sel Selected .m .sel Selected sub menu items
.bc BreadCrumb .m .bc Breadcrum sub menu items
.txt Text (Coming Soon!) .m .txt Text portion of all sub menu items
Not Implemented Yet
* All child elements .m .mi * All elements within menu item

 

 

 
New Post
12/30/2009 10:13 AM
 

Helpful, thanks Armand.

I've seen this somewhere before too...


Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Need some dnn:nav menu help for my skin contest submissionNeed some dnn:nav menu help for my skin contest submission


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