Topic: [SMF 2 Tutorial] How To Add Tabs in SMF2

[Runic]

In SMF2 the tabs have moved from the index.template.php, just so themes can work fully, these are now located in Sources/Subs.php

To add a new tab search for:

Code: [Select]

// All the buttons we can possible want and then some, try pulling the final list of buttons from cache first.
now a few lines down you will see:

Code: [Select]

'home' => array(
'title' => $txt['home'],
'href' => $scripturl,
'show' => true,
'sub_buttons' => array(
),
),
This is the start of the tabs, to add a new tab you would simply sort this, for this tutorial I will break each line up,

Code: [Select]

'home' => array(
This is simply call tag just for identifcation, it is important that you have this and the  ' ' or the tab will not work, for this tutorial we will assume that I have a custom page made up called Rules the above line would then be

Code: [Select]

'Rules' => array(
Next we shall look at the next line:

         

Code: [Select]

'title' => $txt['home'],
Yes this is a text string you could hardcode this but its more advisable to use a txt string specially if we are using another language besides for english.

            

Code: [Select]

'title' => $txt['rules'],For more information on txt strings please refer to Txt Strings (SMF Doc Site

now lets look at:

Code: [Select]

'href' => $scripturl,
This should be obvious to most people however this line is the link to the file this could be a direct link such as

Code: [Select]

'href' => 'http://www.smfthemes.org',

or a scripturl

Code: [Select]

'href' => $scripturl. '?action=rules',
Next we have the show tab or not for everyone to see you would leave as is

Code: [Select]

'show' => true,
but you could use

Code: [Select]

'show' => $context['allow_admin'],if wanting only admins

now for final line

Code: [Select]

'sub_buttons' => array(
),
unless you wish for extra options in that new tab then you dont need this.

So for final code for my nice new rules tab:

Code: [Select]

'Rules' => array(
'title' => $txt['rules'],
'href' => $scripturl . '?action=rules',
'show' => true,
),

[shadow82x]

Thanks for the tutorial Runic. It could really get some use around here!

[Runic]

ok its been updated the old end code was throwing an error

[Tyrsson]

Mind if I add on to this for drop menus??

[clapter]

I spent about an hour figuring this out on my own. I should of joined this site sooner

[Jade]

Mind if I add on to this for drop menus??

Go ahead, post a new tut for it

[Tyrsson]

Will do that tomorrow (I hope) been kinda busy the last few days....

[morganjames]

hot! exactly what I was looking for

[jokes]

I try to do your tut but its not working to well for . I make the tab button it shows on the tab but when i click on it, it takes me to the forum? I want it to take me to a blank page so i can add some html or something. How do i do that?

[JBlaze]

I try to do your tut but its not working to well for . I make the tab button it shows on the tab but when i click on it, it takes me to the forum? I want it to take me to a blank page so i can add some html or something. How do i do that?

Can you paste the code you are using? If you want to make it open in a new window, just add target="_blank" to the URL.

[christinedlrp]

I was able to add a new tab and it works but I was wondering if there if there's a way to make the link open a new window?

[christinedlrp]

Never mind I figured out how to do it....I added 'target' => '_blank', after the 'show' => true, line

[mack123]

It is very useful tutorial for SMF users.  Now they can make it more sufficient for users.