You need to Register for free and Login to post a message in the forum.

Forum

NAV Menu Reference Properties

Last Post 2007-05-24 04:41 PM by Jos Driessens. 5 Replies.

Sort:

Check this box to subscribe to this topic.	Prev Next
You are not authorized to post a reply.

Author

Messages

Fred

Nuke Newbie
Posts:7

2007-05-22 06: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 User is Offline

Nuke Newbie
Posts:6

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

Lee Sykes

DNN Creative Staff

Nuke Master VI
Posts:4945
Avatar

2007-05-23 10: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

Fred

Nuke Newbie
Posts:7

2007-05-23 11:07 PM
Thanks Lee, I'll post anything I find.

Jos Driessens User is Offline

Nuke Newbie
Posts:6

2007-05-24 01:51 PM
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 User is Offline

Nuke Newbie
Posts:6

2007-05-24 04:41 PM
Forget my previous post. It looks like there are much more functions available than documented.

You are not authorized to post a reply.

Forums > DotNetNuke® > Quick Tips

Active Forums 4.3

Subscribe to the website - Sign up now for just $79.97 USD per year!

Latest Forum Posts

RE: iPhone website logo in DNN root directory by JohnnieD

I'm supposed to add this link to make my custom logo show up on iPhones. Where in DNN would I a

iPhone website logo in DNN root directory by JohnnieD

I'm trying to put an iPhone logo that I made into my site so when someone saves the website on their

RE: Fixed size container by Joseph Craig

Use an HTML module and style the container to have a fixed height and width. Set the overflow attr

Fixed size container by Aggiedan97

I am looking for advice or an actual container that has a fixed height (and width). An HTML module w

RE: DNN 6.1 app_offline.htm by Joseph Craig

If the site "works" in Chrome, Firefox and Safari, but not in IE8 look to IE8 as the problem. It is

RE: DNN site automatically redirects to a different domain name. by Joseph Craig

Make a copy what is in the portalalias table and then remove all but the localhost entry. Verify th

DNN 6.1 app_offline.htm by Dave Hassall

Hi As recommended I have successfully been using the app_offline.htm whilst performing upgrades t

RE: DNN site automatically redirects to a different domain name. by imran shaikh

Hi i have done same as mention in this post my dnn folder name is Trademaxomanupg with

Enforce Terms Tutorial Update by Vistalogix Corporation

I tried configuring my DNN 6.1.2 install to have a required "accept terms" checkbox as described in

RE: Best Practices for Modifying a Custom Module by Joseph Craig

Start up the development website, then install the module using the package that you have. Then, yo

Best Practices for Modifying a Custom Module by schilders

Good Morning, I'm needing to modify a custom built module created by another developer targeted f

RE: Admin menu problem by alireza arabiyan

hi in localhost i have http://localhost/senf/خانه.aspx and http://localhost/senf/Admi

RE: Admin menu problem by Joseph Craig

Yes, that is what you should have done. What is the URL for your home page? What is the URL for

RE: Admin menu problem by alireza arabiyan

hi first in localhost i add my domain.com as portal alias. then copy all files to host , restore my

RE: Admin menu problem by Joseph Craig

How did you move it? Have you added an entry in the portalalias table for the site's domain name?

RE: Re: SQL SERVER 2008 R2 Remote connection by Joseph Craig

Set up a user with dbo privileges and set the connection string for that user, rather than using Win

Re: SQL SERVER 2008 R2 Remote connection by Prakasam Srinivasan

I have successfully configured MSSQL Server 2008 r2 remote connection. I am using windows 7 and it h

Admin menu problem by alireza arabiyan

hi i installed dnn 6 on localhost and move it in my host, all link's , pages and modules are ok,

RE: dnn 4.4 upgrade issue by imran shaikh

Thanks you all it is done by renaming release.config to web.config procedure

RE: dnn 4.4 upgrade issue by imran shaikh

Thanks you all it is done by renaming release.config to web.config

Forum

Latest Forum Posts

Friends

Menu