[HOW TO - vB4] Create a New Tab in the navbar

[shooptek]

Is there an easier way to do so or maybe a guide I could follow? I dont have much experience with vBulletin Conditionals.

Thanks

[Wilfred1]

This is great however the only issue I have found is the height of the navbar isn't consistent.

Here is what I mean:
Attachment 113573

This is my plugin code:

$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'adv_index')
{
    $vbulletin->options['selectednavtab']='Home';
    $tabselected = ' class="selected"';
    $tablinks = '';

} 
$template_hook['navtab_start'] .= '<li'.$tabselected.'><a class="navtab" href="../index.php">Home</a>'.$tablinks.'</li>' ;

$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'online')
{
    $vbulletin->options['selectednavtab']='Online';
    $tabselected2 = ' class="selected"';
    $tablinks2 = '                <ul class="floatcontainer">
                        <li><a href="link1.php">Online</a></li>
                            <li class="popupmenu">
                                <a href="javascript://" class="popupctrl">Drop Down</a>
                                <ul class="popupbody popuphover">
                                        <li><a href="sublink1.php">SubLink 1</a></li>
                                        <li><a href="sublink2.php">SubLink 2</a></li>
                                        <li><a href="sublink3.php">SubLink 3</a></li>
                                </ul>
                            </li>
                        <li><a href="link2.php">Link 2</a></li>
                        <li><a href="link3.php">Link 3</a></li>
                </ul> ';

} 
$template_hook['navtab_end'] .= '<li'.$tabselected2.'><a class="navtab" href="../forum/online.php">Online</a>'.$tablinks2.'</li>' ;

$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'calendar')
{
    $vbulletin->options['selectednavtab']='Events';
    $tabselected3 = ' class="selected"';
    $tablinks3 = '                <ul class="floatcontainer">
                        <li><a href="link1.php">Events</a></li>
                            <li class="popupmenu">
                                <a href="javascript://" class="popupctrl">Drop Down</a>
                                <ul class="popupbody popuphover">
                                        <li><a href="sublink1.php">SubLink 1</a></li>
                                        <li><a href="sublink2.php">SubLink 2</a></li>
                                        <li><a href="sublink3.php">SubLink 3</a></li>
                                </ul>
                            </li>
                        <li><a href="link2.php">Link 2</a></li>
                        <li><a href="link3.php">Link 3</a></li>
                </ul> ';

} 
$template_hook['navtab_end'] .= '<li'.$tabselected3.'><a class="navtab" href="../forum/calendar.php">Events</a>'.$tablinks3.'</li>' ;

The other thing is the above code seems very inefficient to me - I will probably have another few more tabs as well so it would need to be stepping through a lot just to create the tabs and sub menus or in the scheme of things going through this code each time a page is displayed is not worth worring about - any thoughts?

[Lynne]

Originally Posted by Wilfred1

This is great however the only issue I have found is the height of the navbar isn't consistent.

Here is what I mean:
Attachment 113573

The other thing is the above code seems very inefficient to me - I will probably have another few more tabs as well so it would need to be stepping through a lot just to create the tabs and sub menus or in the scheme of things going through this code each time a page is displayed is not worth worring about - any thoughts?

You will have to look at your code using something like firebug to see why it is doing what it is doing. I can't tell from the image.

As for it being inefficient, I wrote this just to add a single tab. I suppose it could be modified slightly to make it more efficient when you add several tabs, but I really don't know that it would make a huge impact.

[Wilfred1]

Thanks Lynn - have worked out that if you don't have a sub menu under a tab you will get that inconsistency in the navbar height so I have added a sub menu like "About", "Site Rules" etc and that fixed it.

Any suggestions on how I could make it more efficient so I can have tabs across the page - thanks!

[Adan0s]

unfortunately this just doesn't work for me. i added the plugin with the exact things you posted in your entry post (just to see, if it works) and it doesn't even generate a navtab, even though the plugin is activated. I'm on vB 4.0.2 PL1

EDIT: okay nvm. i had to enable the plugins globally.

[Theda]

I've got this working except for the selected tab being highlighted as "on". What I need now is to figure out how to specify each of these specific articles as the condition. I have added three tabs: Raid Teams, Roster and Recruitment.

Each of these tabs points to a specific article, meaning content.php?r=articlename.
How can I specify that as my condition? Since they are articles, I can't use the THIS SCRIPT since it's content.php?r=articlename?

I tried article titles (since that worked for my content section vb:if code, but it didn't work for this.... if ("$title == 'Raid Teams'")

$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'content.php?r=180-Raid-Teams')
{
    $vbulletin->options['selectednavtab']='Raid Teams';
    $tabselected = ' class="selected"';
} 
$template_hook['navtab_start'] .= '<li'.$tabselected.'><a class="navtab" href="content.php?r=180-Raid-Teams">Raid Teams</a>'.$tablinks.'</li>' ;

[Lord Zedd]

Hello Lynne,

You have helped me out with a lot of problems on Vbulletin.com yesterday and today. I am hoping you can help me out with something here.

There are a couple of things I am not sure about. I did what you said in your first post. The Nav Link tab appeared. I changed it to Home and changed aswell the link. It worked perfectly. Thank you for that! You are helping out many people!

- Do I need to add the same plugin for each tab I need to create? Or do you edit it in the code?

- Is there a way to organize the tabs? I only got the forum installed and not the CMS. My first tab is Forum, than What's new and than the Nav Link (now renamed it to Home). When I edit the code and the new tab is hooked to navbar_start instead of navbar_end. Than it shows before Forum and What's new. That is good. But I need to create 4 more tabs. How can I organize those if they appear after navbar_end?

[Lynne]

Originally Posted by Theda

I've got this working except for the selected tab being highlighted as "on". What I need now is to figure out how to specify each of these specific articles as the condition. I have added three tabs: Raid Teams, Roster and Recruitment.

Each of these tabs points to a specific article, meaning content.php?r=articlename.
How can I specify that as my condition? Since they are articles, I can't use the THIS SCRIPT since it's content.php?r=articlename?

I tried article titles (since that worked for my content section vb:if code, but it didn't work for this.... if ("$title == 'Raid Teams'")

I *think* you can use the nodeid variable. Edwin has talked about it over on vb.com in relation to articles and sections. So, you may want to look into that. But, you will probably also have to dive into the code that decides when the Home page is the selected page in order to only select the Home page as selected when those $nodeids are not true.

Originally Posted by Lord Zedd

- Do I need to add the same plugin for each tab I need to create? Or do you edit it in the code?

- Is there a way to organize the tabs? I only got the forum installed and not the CMS. My first tab is Forum, than What's new and than the Nav Link (now renamed it to Home). When I edit the code and the new tab is hooked to navbar_start instead of navbar_end. Than it shows before Forum and What's new. That is good. But I need to create 4 more tabs. How can I organize those if they appear after navbar_end?

You can put all the tabs into one plugin. If they are all using the same $template_hook, then put them in the order you want them to appear. I think someone posted some code in the last couple pages showing their plugin for a couple of tabs.

[cellarius]

For the php condition in CMS you should be able to use

PHP Code:

if (in_array($this->content->getNodeId(), array(1,2,3))) 


for line 3 of Lynnes code, where 1,2,3 is a comma delimited list of the nodeids of the article/sections that you want to show your tab as highlighted on.

Now, if you have your custom tab highlighted, you don't want the Home Tab highlighted at the same time. To prevent Home Tab being selected, edit Template vbcms_navbar_link

<vb:if condition="$vboptions['selectednavtab'] == 'vbcms' AND !in_array($nodeid, array(1,2,3))">

Add the red code to the condition in the first line of the template and replace 1,2,3 with a comma delimited list of the nodeids that you don't want to show the Home-Tab selected.

[Lynne]

Thank you, cellarius! I knew what had to be done, just not exactly how to do it. Thanks for posting that.