1. 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

Discussion in 'Styling and Customization Questions' started by Kainzo, May 29, 2013.

  1. Kainzo

    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>
     
  2. Kainzo

    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]
     
    Pinn likes this.
  3. Kainzo

    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?
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  5. Kainzo

    Kainzo Active Member

    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])
     
  6. Jake Bunce

    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)
     
  7. Kainzo

    Kainzo Active 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.
     
  8. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Edit the parent tab and set Depth Of Child Links and Enable Popup Menu.
     
    MJD and Kainzo like this.
  9. Kainzo

    Kainzo Active Member

    Going to try this later - appreciate the time you take to assist :) thanks JAke!
     
  10. Kainzo

    Kainzo Active Member

    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!
     
  11. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    No.

    Try reverting your navigation template.
     
    Kainzo likes this.
  12. Kainzo

    Kainzo Active Member

    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).
     

Share This Page