NAV Menu Reference Properties
Last Post 05/24/2007 10:41 AM by Jos Driessens. 5 Replies.
Author Messages
Fred
Nuke Newbie
Nuke Newbie
Posts:7


--
05/22/2007 12:21 PM  

I'm a C# developer, new to DotNetNuke and I really love what I see.  I'd like to use DNN for several of my customer sites even if it means re-training myself in VB.NET.  The DNNCreative site has been invaluable in helping me to get up to speed on how to use DNN.  I'm currently using DNN 4.5.1 which uses the new NAV menu.  Some of my clients require a vertical menu, but the included vertical menu skins that come with DNN 4.5.1 are a tree view and look rather "toyish".  Documentation on how to use the new NAV menu has been hard for me to find.  I "think" the NAV menu has a vertical option, but I'm unclear as to what other options it has and how to use them. 

Can you recommend any sites, example code, documentation or, in essence, a good road map for learning about NAV and its capabilities?  I understand basic CSS and javascript, but I'm not an expert in those areas.

Many thanks.

Jos Driessens
Nuke Newbie
Nuke Newbie
Posts:6


--
05/23/2007 3:52 AM  
A good start is http://webcontrols.dotnetnuke.com

Regards
Jos
Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:4945


--
05/23/2007 4:08 AM  
There was a post here by AGM where they listed the various properties, but it appears as though the properties have now been removed so I'm pasting them in here for future reference:

I haven't had chance to delve into the NAV menu yet, but I will do at some point and if I have any success I will put the info in the skinning toolkit. - If you find any other sources of info add it in here as it will make it easier for me to research the NAV menu later on.

From the list below, it looks as though you need to look at the Rendering properties - ForceDownLevel, Control Orientation

Thanks

 

NavigationProvider

Description

 

 

Paths

 

PathImage

Directory to find the icons

PathSystemImage

Directory to find the images necessary for the control (i.e. spacer.gif)

PathSystemScript

Directory to find associated script files for the control

 

 

Rendering

 

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) {true|false}

ControlOrientation

Determines how the menu is displayed, horizontal or vertical (values: vertical, horizontal)

ControlAlignment

Alignment of the menu within the menu bar. {Left|Center|Right|Justify}

 

 

Mouse Properties

 

MouseOutHideDelay

Number of milliseconds to wait until menu is hidden on mouse out. (0 = disable)

MouseOverDisplay

Adjusts effect when mouse moves over menu bar item (Values: Outset, Highlight, None)

MouseOverAction

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

 

 

Indicate Children

 

IndicateChildren

use arrows to indicate child submenus

IndicateChildImageSub

Arrow image to use for sub menus - i.e. arrow.gif

IndicateChildImage

Arrow image to 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

 

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 beginning 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 the node 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

NodeRightHTMLBreadCrumbSub

HTML to display to the right of the node that resides in a submenu and is a breadcrumb

NodeRightHTMLBreadCrumbRoot

HTML to display to the right of the node that resides in the root and is a breadcrumb

SeparatorHTML

The separator between Root level menu items. This can include custom skin images, text, and HTML (ie. <!--[CDATA[  ]]--> )

SeparatorLeftHTML

The separator used just before a root level menu item. A use for this might be a left edge of a tab image for example

SeparatorRightHTML

The separator used just after a root level menu item. A use for this might be a right edge of a tab image for example

SeparatorLeftHTMLActive

The separator used just before an active root level menu item

SeparatorRightHTMLActive

The separator used just before an active root level menu item

SeparatorLeftHTMLBreadCrumb

The separator used just before a root level menu item found in the breadcrumb array list

SeparatorRightHTMLBreadCrumb

The separator used just before a root level menu item found in the breadcrumb array list

 

 

CSS

 

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 CSSNode

CSSBreadCrumbRoot

CSS Class used for root menu items when they are found in the breadcrumb 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 leftseparator

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

 

StyleBackColor

Background color

StyleForeColor

Fore color of menu item when selected

StyleHighlightColor

Color of top and left border to give a highlight effect

StyleIconBackColor

Background color in area where icon is displayed

StyleSelectionBorderColor

Color of border surrounding selected menu item

StyleSelectionColor

Background color of menu item when selected

StyleSelectionForeColor

Fore 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

StyleFontNames

Fonts to use

StyleFontSize

Font Size Style

StyleFontBold

Font Bold Style

 

 

Animation

 

EffectsShadowColor

Color of the shadow

EffectsTransition

Determines which transition to display

EffectsDuration

Number of seconds the transition will take

EffectsShadowDirection

Determines which direction the shadow will fall

EffectsShadowStrength

Determines how opaque the shadow is

EffectsStyle

IE only property for SubMenu styles and transitions


Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/DNNCreative

Lee Sykes's Facebook Profile
Fred
Nuke Newbie
Nuke Newbie
Posts:7


--
05/23/2007 5:07 PM  
Thanks Lee, I'll post anything I find. 
Jos Driessens
Nuke Newbie
Nuke Newbie
Posts:6


--
05/24/2007 7:51 AM  
Lee,

imho your list does not correspond with the documentation. The Styles and Animation only apply to the SolPartMenu but not to the DnnMenuNavigationProvider, as are many other settings. I am using the [NAV] menu, but I am still trying to figure out how it works.
Jos Driessens
Nuke Newbie
Nuke Newbie
Posts:6


--
05/24/2007 10:41 AM  

Forget my previous post. It looks like there are much more functions available than documented.



---