How To Add A New Tab In The Navbar

[Jake Bunce]

This will create a simple tab link in the navbar. No popup or submenu. Here is a picture of what it looks like (in this example the user wanted a link for Account Upgrades):



Edit this template:

Admin CP -> Appearance -> Templates -> navigation

Add the red code, and change the blue parts appropriately:

						<li><a href="{xen:link 'find-new/threads'}">{xen:phrase whats_new}</a></li>
					</ul>
				</div>
			</li>
		</xen:if>


		<!-- mytab -->
		<li class="navTab PopupClosed"><a href="LINK" class="navLink">TAB LABEL</a></li>


		<!-- extra tabs -->
		<xen:if is="{$extraTabs}">
		<xen:foreach loop="$extraTabs" key="$extraTabId" value="$extraTab">
			<xen:if is="{$extraTab.linksTemplate}">

While you can 'hard code' the LINK and TAB LABEL, ideally you should use xen:link and xen:phrase. For example, here is the proper code for the Account Upgrades picture above:

		<!-- mytab -->
		<li class="navTab PopupClosed"><a href="{xen:link account/upgrades}" class="navLink">{xen:phrase account_upgrades}</a></li>

 

[Allan]

Thank you Jake

One question, the new tab stay in front of others when one click it ?

 

[ragtek]

I would use a "Plugin" for this, instead of the template edit, because of the xenforo-upgrades
Also you can set the "active Tab" with the php code!

http://xenforo.com/community/threads/add-own-navigation-tabs.5265/

 

[Jake Bunce]

One question, the new tab stay in front of others when one click it ?

This tab doesn't turn active when you visit its page. That can be done with a proper code event listener like what ragtek posted. That means you need to delve into the code.

 

[ragtek]

That's why it would be great, to have an "Menu Manager" where we could create & edit the menu entries

 

[JVCode]

That's why it would be great, to have an "Menu Manager" where we could create & edit the menu entries

Put it up as a request, a modder might take this on, though it would be best suited as a core feature.

 

[ragtek]

AFAIK there's already a feature request

 

[Ray]

http://xenforo.com/community/threads/suggestion-advanced-navigation-tabs-and-sub-tabs.2670

Like the first post.

 

[anotheralias]

This tab doesn't turn active when you visit its page. That can be done with a proper code event listener like what ragtek posted. That means you need to delve into the code.

The fact that it doesn't turn active would work out perfectly for me if it's possible to put the "what's new" link in that tab. Is there any reason I shouldn't?

(Why - because it saves a click. "Inbox/Forum/what's new" vs. "inbox/what's new")

 

[Jake Bunce]

The fact that it doesn't turn active would work out perfectly for me if it's possible to put the "what's new" link in that tab. Is there any reason I shouldn't?

(Why - because it saves a click. "Inbox/Forum/what's new" vs. "inbox/what's new")

That's fine. Here is the code for your What's New tab:

		<!-- mytab -->
		<li class="navTab PopupClosed"><a href="{xen:link 'find-new/threads'}" class="navLink">{xen:phrase whats_new}</a></li>

 

[anotheralias]

Ah THANK you! Sparing me from my usual trial-and-error method.

 

[Paul B]

Nice guide Jake.

One small change I would make though would be to add a guest conditional, so the tab doesn't show up if not logged in.
That can be achieved with the following:

<xen:if is="{$visitor.user_id}">
<li class="navTab PopupClosed"><a href="{xen:link account/upgrades}" class="navLink">{xen:phrase account_upgrades}</a></li>
</xen:if>

 

[Ranger375]

Is there a way to change the color of the text in the newly added tab?

 

[ddmmh]

Is there a way to change the color of the text in the newly added tab?

http://xenforo.com/community/threads/changing-the-color-of-one-of-the-navigation-tabs.8839/

Changes the whole tab not just the text i believe but it might get you in the right direction.

 

[bogus]

And how can i add a tab with pulldown?

 

[Kane Hart]

just used this and works perfectly. Though a plugin for this be nice in the future.

 

[AndreaMarucci]

Fantastic!!! XenForo shoud have a menu manager in the next version...

 

[AndreaMarucci]

Stupid, maybe, question. Is it possible to add the menu after the last one on the right? After the Help menu I mean?​

 

[Paul B]

Which menu?

Just change the order of the tabs in the template for how you want them to appear on the nav bar.

 

[AndreaMarucci]

Done

                <!-- mytab -->
        <li class="navTab PopupClosed"><a href="LINK" class="navLink">MENU</a></li>

        <!-- no selection -->
        <xen:if is="!{$selectedTab}">
            <li class="navTab selected"><div class="tabLinks"></div></li>
        </xen:if>