Adding Navigation tabs w/ sub-tab links

Kainzo

Active member
So i understand how to add a new tab. I don't understand how to add sub-tabs under that tab with links players can click on...

What i want is this.

VIP
-Perks (points towards http://hc.to/perks)
-Store (points towards http://hc.to/store)
-Vote (points towards http://hc.to/vote)

Is there a simple way to do this? here's what I have at the moment...

Code:
                <!-- viptab-->
<li class="navTab PopupClosed"><a href="http://hc.to/vip" class="navLink">VIP</a></li>
 

Kainzo

Active member
After much digging I found it.

Code:
[COLOR=#333333][FONT=Consolas]<!-- extra tabs: middle -->
        <xen:if is="{$tabs.help}">
            <li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">
       
                <a href="MAIN PAGE LINK" class="navLink">MAIN PAGE NAME</a>
                <a href="MAIN PAGE LINK" class="SplitCtrl" rel="Menu"></a>
           
                <div class="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <div class="primaryContent menuHeader">
                        <h3>SUB HEADER TEXT</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_forums">
                                                <li><a href="SUB-PAGE 1 LINK">SUB-PAGE 1 NAME</a></li>
                                                <li><a href="SUB-PAGE 2 LINK">SUB-PAGE 1 NAME</a></li>
                                                <li><a href="SUB-PAGE 3 LINK">SUB-PAGE 1 NAME</a></li>
                                                <li><a href="SUB-PAGE 4 LINK">SUB-PAGE 1 NAME</a></li>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>[/FONT][/COLOR]
 

Kainzo

Active member
Well - it seems to mostly work...

when im on the "home" tab - i can see things just fine and I can hover over the "titles" of the nav-titles and see the sub-class ... but if for some reason I am on the FORUM tab - the home tab is highlighted differently and the other tabs dont allow for any hover-drop down.

Any thoughts?
 

Jake Bunce

XenForo moderator
Staff member
Create link-forums for the external links.

VIP (category node, is Tab)
- Perks (link-forum)
- Store (link-forum)
- Vote (link-forum)
 

Kainzo

Active member
Create link-forums for the external links.

VIP (category node, is Tab)
- Perks (link-forum)
- Store (link-forum)
- Vote (link-forum)
I must be horrible at what I do. I created the links (first it took forever) and then I didnt see them. I saw the main link created no problem but then under them despite it being a "child" I didnt see the drop-downs to get to the links.

I'd show you but its in a live-environment and it was only for a testing thing until I get it ironed out.
 

Jake Bunce

XenForo moderator
Staff member
I must be horrible at what I do. I created the links (first it took forever) and then I didnt see them. I saw the main link created no problem but then under them despite it being a "child" I didnt see the drop-downs to get to the links.

I'd show you but its in a live-environment and it was only for a testing thing until I get it ironed out.
Edit the parent tab and set Depth Of Child Links and Enable Popup Menu.
 

Kainzo

Active member
Edit the parent tab and set Depth Of Child Links and Enable Popup Menu.
Do I need to have " Display in the node list" checked?

It seems that the above worked on my default / main theme ... but did not work on my testing theme (the new one I'm going to)

Any thoughts on that jake?

I see the "VIP" tab find on the list - but when I hover over it I dont get any arrow / drop down. Though it works fine on the default theme.

Took a few page refreshes... nvm!
 

Kainzo

Active member
No.



Try reverting your navigation template.
I just jumped the gun, sorry about that :)

Below was fixed by not including them to have the Use as Tab

I created Perks / Store under VIP ... now it states this on my node creation/list

You have a top level category tab which requires you to enable "
Create Pages for Categories
" or the tab will not work. If you don't want to enable this setting then an alternative is to change your node tree so the category tab is not a top level node. The problem only exists for category nodes at 0 depth (top level).
 
Top