dnn nav menu
DNN nav menu
Downloading one of the many FREE skins for DotNetNuke will from DNNSKINS will help you understand how skinning works and you will also benefit from the quality and care Nina Meiers has put into creating these so that newcomers to DotNetNuke can get a start for free and if you like what you see here, then you can also purchase one of Nina's quality skins to help support this project.

Current Articles | Categories | Search | Syndication

Monday, 29 September 2008
DNN NAV MENU Settings
By Nina Meiers @ 6:51 PM :: 12592 Views :: 2 Comments :: Article Rating :: DNN NAV MENU 		 

SP = SolpartMenuNavigationProvider DNNM = DNNMenuNavigationProvider DNNT = DNNTreeNavigationProvider DNND = DNNDropDownNavigationProvider
  Description Values SP DNNM DNNT DNNDD
Paths            
PathImage Directory to find the icons   •      
PathSystemImage Directory to find the images necessary for the contro (i.e. spacer.gif)   • • •  
PathSystemScript Directory to find the associated script files for the control   • • •  
Rendering
  Description Values  SP  DNNM  DNNT  DNNDD
ForceDownLevel Flag to force the downlevel menu to display (values: true, false)   •   •  
ForceCrawlerDisplay Displays the full menu as an indented list of normal hyperlinks (like a sitemap) {trus|false}   •      
ControlOrientation Determines how the mneu is displayed, horizontal or vertical (values: vertical, horizontal)   • •    
ControlAlignment Alignment of the menu within the menu bar {Left|Center|Right|Justify}   •      
Mouse Properties  Description    SP  DNNM  DNNT  DNNDD
MouseOutHideDelay Number of milliseconds to wait until menu is hidden on mouse out (0 = disable) numerical •      
MouseOverDelay Adjusts effect when mouse moves over menu bar item (Values: Outset, Highlight, None)

Outset
Highlight
None

 •      
MouseOverAction Makes menu expand on mouse over (unlike any menu found within the Windows environment) (Values: true, false)

true
false

 •      
Arrows  Description    SP  DNNM  DNNT  DNNDD
IndicateChildren use arrows to indicate child submenus   • • •  
IndicateChildImageSub Arrow Image to use for sub meus - i.e. arrow.gif   • • •  
IndicateChildImage Arrow Image use for root menus - i.e.arrow.gif   • • •  
IndicateChildImageExpandedSub Image to use on sub node when children expanded       •  
IndicateChildImageExpandedRoot Image to use on root node when children expanded       •  
Custom HTML  Description    SP  DNNM  DNNT  DNNDD
NodeLeftHTMLRoot HTML text added to the beginning of the Root Menu Items   •      
NodeRightHTMLRoot HTML text added to the end of the Root menu items   •      
NodeLeftHTMLSub HTML text added to the end of the sub menu items   •      
NodeRightHTMLSub HTML text added to the end of the sub menu items   •      
NodeLeftHTMLBreadCrumbSub HTML to display to the left of th enode that resides in a submenu and is a breadcrumb   •      
NodeLeftHTMLBreadCrumbRoot HTML to display to the left of the node that resides in the root and is a breadcrumb   •      
CSS  Description    SP  DNNM  DNNT  DNNDD
CSSControl Menu Bar CSS Class   • • • •
CSSContainerRoot Menu Container CSS Class   •      
CSSContainerSub SubMenu CSS Class   • •    
CSSBreak Menu Break CSS Class   •      
CSSIndicateChildSub Menu Arrow CSS Class   •      
CSSIndicateChildRoot Menu Root Arrow CSS Class   •      
CSSNode Menu Item CSS Class - ALL Nodes   • • •  
CSSNodeRoot CSS Class used for root menu items - Overrides CSSNode   • • •  
CSSBreadCrumbSub CSS Class used for sub menu items when they are found in the breadcrumb array list - Overrides CSNode   • • •  
CSSBreadCrumbRoot CSS Class used for root menu items when they are found in the breadcrum array list - Overrides CSSNode   • • •  
CSSNodeSelectedRoot CSS Class used for root menu items when they are the active tab - Overrides CSSNode, CSSBreadCrumbRoot   • • •  
CSSNodeSelectedSub CSS Class used for sub menu items when they are the active tab - Overrides CSSNode, CSSBreadCrumbRoot   • • •  
CSSNodeHover Menu Item CSS Class for mouse-over - ALL Nodes   • • •  
CSSNodeHoverSub CSS Class used for sub menu items when they moused-over - Overrides CSSNodeHover   • • •  
CSSNodeHoverRoot CSS Class used for root menu items when they moused-over - Overrides CSSNodeHover   • • •  
CSSSeparator CSS class used for the root level menu item separator   • •    
CSSLeftSeparator CSS class used for leftseparator   • •    
CSSRightSeparator CSS class used for rightseparator   • •    
CSSLeftSeparatorSelection CSS class used for leftseparatoractive   • •    
CSSRightSeparatorSelection CSS class used for rightseparatoractive   • •    
CSSLeftSeparatorBreadCrumb CSS class used for leftseparatorbreadcrumb   • •    
CSSRightSeparatorBreadCrumb CSS class used for rightseparatorbreadcrumb   • •    
CSSIcon Menu Icon CSS Class   • • •  
Styles  Description    SP  DNNM  DNNT  DNNDD
StyleBackColor Background Color   •      
StyleForeColor Foreground color of menu item when selected   •      
StyleHighlightColor Color of top and left border to give a highlighted affect   •      
StyleIconBackColor Background color in area where icon is displayed   •      
StyleSelectedBorderColor Color of border surrounding selected mneu item   •      
StyleSelectionColor Background color of menu item when selected   •      
StyleSelectionForeColor Foreground color of menu item when selected   •      
StyleControlHeight Menu bar height in pixels   •      
StyleBorderWidth Menu border width in pixels   •      
StyleNodeHeight Menu item height in pixels   •      
StyleIconWidth Width of icon column in pixels   •      
Actions: E-mail | Permalink | Comments (2) RSS comment feed |

Comments

By Melany @ Sunday, 21 December 2008 2:02 PM
Thank you for this information Nina.
Mel
By Maulik @ Thursday, 18 June 2009 10:38 PM
Has anyone got success with CSSSeparator?

Post Comment

Name (required)

Email (required)

Website

CAPTCHA image
Enter the code shown above in the box below

Support Desk | Ph:613.9551.5711 Fax:613.9551.6503 | SnailMail: PO Box 138,Braeside, Victoria, 3195 AUSTRALIA | Updated  Sunday 01 August 2010 |