Hi
The navmenu has the abillity to render as an unordered list instead of spans and tables. YOu need to modify your skins for this
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>
This will generate an unordered list structure for you which you an then style,doa view source and you will see a simple unordered list struture, if you have Firefox and the dev toolbar do a generated source view and you wills ee the extra styles and classes that can be applied, see a list of which one you can use in the table below.
I am still not fond myself of the navmenu because of all the inline injections in rendered source so I use the free one from dnndoneright.com . it is tempalte based so you ahve freedom over every part of the output
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 |
Armand Datema
Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>
For all your skin conversions
2DNN
Follow me on Twitter