Quick Nav:  Online Store   |   Login | Register
Forums >Snapsis Product Support >CSS NavMenu

Tab Menu with Vertical Submenu

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
jon winters
<20 Posts
Posts:8


09/26/2007 3:20 PM  

Quick question... How do I create a tab menu with a vertical submenu (as opposed to the horizontal submenu's in the TopTabsB)?

Thanks,

Jon Winters

John Mitchell
Posts:3478


09/26/2007 3:36 PM  

Hi Jon,
The best way is to use two different instances.

Set the top horizontal instance to display on level="0-0" and the Vertical instance would then be set for Level="1-99" and have Show="WithActiveParent"
The VerticalTabs sample skin in the package is a good example of this.

jon winters
<20 Posts
Posts:8


09/27/2007 1:08 PM  

John,

Thanks for the response. I will be checking it out tonight.

One last question... In my css file, there is a property: #nav li a.SelectedTab { ... } - this attribute is not being picked up in the rendered html... When I use Firefox - WebDeveloper add-in to inspect the code, it pulls the attributes based on the .SelectedTab property from the default.css. This is also happening in your demo skins.

Can you tell me how to get that to fire correctly or should I just override the default.css with my own .SelectedTab in my skin.css?

Thanks,

Jon

John Mitchell
Posts:3478


09/27/2007 1:14 PM  
It may need to be: #nav li.SelectedTab a

I think the li is probably the element that has the SelectedTab class in it. This is something I switched around in different versions so the sample skins may not be up to date.
jon winters
<20 Posts
Posts:8


09/27/2007 2:50 PM  

John,

I forgot to mention... I did try it the way you suggested also... no dice.

You are correct, the li tag does have the Selected class assigned to it.

Any other idea's?

Thanks,

Jon

John Mitchell
Posts:3478


09/27/2007 2:58 PM  
Can you paste the rendered html? I'll be able to let you know how to access it with CSS if I can see it. The different types of menus render differently.

Replace the < and > brackets in the html code with { and } so you can paste it here in the forum.
jon winters
<20 Posts
Posts:8


09/27/2007 9:09 PM  
John,

Here you go... only one link so far

{div id="menu"}
{div id="nav" class="TabList"}
{ul class="Level0"}
{li id="nav36" class="SelectedTab"}
{a href="http://www.expressdev.net/Home.aspx" title=""}Home{/a}
{/li}
{/ul}
{/div}
{/div}

Should I try #nav ul li .SelectedTab a { ... }
or maybe .Tablist .SelectedTab a { ... }

Thanks for the help.

Jon
John Mitchell
Posts:3478


09/27/2007 9:59 PM  
#nav ul li .SelectedTab a should work.

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
Forums >Snapsis Product Support >CSS NavMenu > Tab Menu with Vertical Submenu



ActiveForums 3.7
Powered by: Snapsis Software