• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Adding Navigation tabs w/ sub-tab links

Kainzo

Active member
#1
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
#2
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
#3
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?
 

Kainzo

Active member
#5
I read and looked around but didnt see how to accomplish what I wanted out of nodes-as-tabs... though I did have it installed anywho :)
I wanted a tab (and multiple other tabs) like below;
Code:
VIP
    -Perks (points towards [URL]http://hc.to/perks[/URL])
    -Store (points towards [URL]http://hc.to/store[/URL])
    -Vote (points towards [URL]http://hc.to/vote[/URL])
 

Jake Bunce

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

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

Kainzo

Active member
#7
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
#8
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
#10
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
#12
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).