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, ...Highlighting the selected tab.Highlighting the selected tab.
Previous
 
Next
New Post
11/10/2010 9:34 AM
 
Hi,

  I have developed a skin for which i am using the NAV skin object and it is made to render vertically.And i am using "DNNMenuNavigationProvider" for the same.

  I need to highlight the selected tab so i wrote a class and set the same for the "CSSNodeSelectedRoot".But unfortunately it is not working.Could somebody help me on this?.The the NAV object is as below:

<dnn:NAV runat="server" ForceDownLevel="true" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider"
  CSSNodeSelectedRoot="checkClass"  IndicateChildren="false" ControlOrientation="Vertical" ExpandDepth="4"
   StartTabId='<%#PortalSettings.ActiveTab.BreadCrumbs(0).TabId%>' Level="Parent" />

Many Thanks,
Balu.
 
New Post
11/10/2010 1:43 PM
 
If you're using dnnNav, I believe the default selector is .sel . I don't recall having set the "CSSNodeSelectedRoot" before, but instead just setting up (assuming "MainNav" as your class for the navigation element) my CSS like so:
 .MainNav .mi .sel { }

That should target the top-level menu item that is currently selected. I'll have to check some of my sites that actually used this, when I have a chance I'll check back and update when I get a chance.

Also, Jon Henning put out a video a while back regarding styling the new navigation system (link) and I've also found Lee Sykes' videos from DNNCreative.com to be a HUGE help for me when I'm trying to wrap my head around some of DNN's features and available modules. (link)

Wells Doty Jr
Online Content Development
 
New Post
11/11/2010 2:19 AM
 
Hi Doty,

   Thank you for the quick reply.The video link you have provided helped me pin down the issue.As you have suggested i tried all the options but was in vain.
 
  Since my requirement was to render the menu vertically and i was using the level as "Parent",but never those classes came even after CSSControl attribute was set.It was observed that "Forcedownleve=true" which was causing the class not to be rendered.Now without this "forcedownlevel" everything is working perfect.
 
  However i need to retain this forcedownlevel as my menu navigation is supposed to show the parentand all the child elements statically.Is there any way i can retain my functionality of highlighting the selected tab by maintaining the forcedownlevel?.

Regards,
Balu.
 
 
New Post
11/11/2010 2:19 AM
 
Hi Doty,

   Thank you for the quick reply.The video link you have provided helped me pin down the issue.As you have suggested i tried all the options but was in vain.
 
  Since my requirement was to render the menu vertically and i was using the level as "Parent",but never those classes came even after CSSControl attribute was set.It was observed that "Forcedownleve=true" which was causing the class not to be rendered.Now without this "forcedownlevel" everything is working perfect.
 
  However i need to retain this forcedownlevel as my menu navigation is supposed to show the parentand all the child elements statically.Is there any way i can retain my functionality of highlighting the selected tab by maintaining the forcedownlevel?.

Regards,
Balu.
 
 
New Post
11/11/2010 1:26 PM
 
Hmm... not sure, I've never had to tackle an issue like that. However, a quick and dirty fix may be to use a module like Ventrian's Child Links? However, it wouldn't be displayed 'inside' the menu but as a separate module. Child Links by Ventrian

Wells Doty Jr
Online Content Development
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Highlighting the selected tab.Highlighting the selected tab.


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