Quick Nav:  Online Store   |   Login | Register

Help with classes

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
AuthorMessages
Joe Craig
<100 Posts
Posts:83


10/07/2007 11:26 AM  

John,

I'm seeing some unwanted behavior in a menu that I'm trying to change.  I see these tags in the page source:

     [li class="First-Child Level1"]

    [li class="SelectedTab Level1"]

These classes don't exist in my css file, so I'm assuming that you generate them somewhere?  My problem is that the "Selected Tab" in Level 1 picks up some unwanted styling.  How/where do I find these styles and how to I change them?

 

Thanks!

 

 

John Mitchell
Posts:3478


10/07/2007 12:17 PM  
SelectedTab is in the portals/_default/default.css file.

To change that ouput in the menu you can either use the Replacements property with Replacements="SelectedTab=", or you can create a template type menu to get full control of the output.
Joe Craig
<100 Posts
Posts:83


10/07/2007 1:03 PM  
Could you give me just a few more pointers on how to do either of these?
John Mitchell
Posts:3478


10/07/2007 2:54 PM  
The easiest way is adding the Replacements property to the menu definition.
In the skin, where you define the Snapsis:NavMenu, add another property like the Level property.

<Snapsis:NavMenuid="ParentTabs"Level="0-0"Replacements="SelectedTab="Recurse="false"Type="Tabs"ExcludeTabs="Admin,Host"runat="server"/>


lolorn
<20 Posts
Posts:4


10/11/2007 6:53 AM  

Hello,

I've run into the same issue with the SelectedTab class being overridden by other css not in the skin.css file and displaying unwanted styling.

 I've tried placing the Replacements property,   Replacements="SelectedTab=" into the menu definition, and this has stopped the unwanted behaviour. Unfortunately the SelectedTab class still doesn't pick up the styles from the skin.css file. From what I gather from your development document, that property should be paired , but I'm not sure what with.  "SelectedTab=????".  Any further direction would be greatly appreciated.

Thanks

John Mitchell
Posts:3478


10/11/2007 7:02 AM  

Oh, you could replace that class with whatever you like and use that in your skin.css instead. As an example you could change SelectedTab to ActiveTab.

<Snapsis:NavMenuid="ParentTabs"Level="0-0"Replacements="SelectedTab=ActiveTab"Recurse="false"Type="Tabs"ExcludeTabs="Admin,Host"runat="server"/>



Then just replace SelectedTab with ActiveTab in your skin.css

lolorn
<20 Posts
Posts:4


10/11/2007 11:15 AM  
That did the trick!
Thanks!

And by the way, excellent menu system as well. Thanks again.
John Mitchell
Posts:3478


10/11/2007 11:19 AM  
Excellent, I'm glad it worked. Thanks for the positive feedback.
Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.



ActiveForums 3.7
Powered by: Snapsis Software