Forum Home Enhancements - [AJAX] Tabbed Forum Home

Tabbed Forum Home version 1.01

[AJAX] Tabbed Forum Home version 1.5.0 (BETA)

NOTE: Works with both 3.7x and 3.6x

Description: This MOD is for creating a "Tabbed" Forum Home Page to have Categories displayed within Tab containers (similar to what the new Profile System looks like on vb3.7). Please do not confuse this with the Tab Menu System here at vbulletin.org. They are totally different systems. These Tabs actually switch the content without leaving the main forums page.

I wrote the initial Non AJAX version based on reading many requests from members asking about how namepros created their custom tabbed forum home page. The first implementation I did was a request by bbwforums.net (which you can visit to see a working example). I have shared this version with many members already and decided to release it since it seems to be something that a lot of members are interested in.

UPDATE: I have released a BETA [AJAX] version for those that what something a little more robust and easier to install/configure. This Beta version will never go into production tho as version 2.0 will utilize the YUI AJAX Tabview Toolset. It IS stable tho and is currently running on a few live sites.

NOTE: Keep in mind, I wrote this with the assumption that you are fairly well versed and comfortable with editing files/templates and following the flow of things. If there is something you don't understand, PLEASE let me know so that I can help you understand it. This IS NOT a product that a novice can just plug and play and it takes a little bit of time to setup, but its well worth it in the end (if you want a custom unique look to your forum home page)... the next version (Don't ask when, cause its just on the drawing board) will be a product with ACP controls for easy setup

The attached Zip File(s) contain the Files and Instructions necessary to install each version.

DEMO: www.bbwforums.net or www.namepros.com
[Moderator Edit: The first URL has been un-linked as there has been reported malware on that domain. The mod author may edit this notice once the situation has been cleaned.]

Screen Shots: None, visit one or both of the above links as seeing them in action is better than some static image(s)..

Bobster

Change Log

version 1.01 -
tabcontent.js ver 2.2 to support remote links
updated install instructions (both in txt and rtf format)

version 1.5.0 -
BETA [AJAX] version

July 8, 2008 - Added xml file for WOL
Sep 2, 2008 - Updated xml file for WOL

[megabyte366]

thanks for the reply bobster65... now i have another problems.. and i'm sure it's an easy fix... the left side where you have the new or old icons.... now that is missing the gif pic.. and has words in it...

thanks for the help

[bobster65]

Originally Posted by megabyte366

thanks for the reply bobster65... now i have another problems.. and i'm sure it's an easy fix... the left side where you have the new or old icons.... now that is missing the gif pic.. and has words in it...

thanks for the help

Path issue to the image.. yer the first to have that one (that has been reported).. would you mind PMing me the link to your site so I can check out the front end really quick?

[Digital Jedi]

Originally Posted by bobster65

You can wrap the specific <li> tag with a template conditional where the numbers after userinfo are the User Group IDs that you want to display the Tab too.

<if condition="is_member_of($vbulletin->userinfo, 5,6)"> 
 CODE HERE
</if>

So for example if you had 3 Tabs and wanted to hide one for Staff Only it would look like this..

<div id="ajaxTFH" class="TFHmenu2">
    <ul>
        <li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
        <li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
 
                <if condition="is_member_of($vbulletin->userinfo, 5,6)">
                    <li><a href="tabforumhome.php?tabcat[]=100" rel="ajaxTFHcontentarea">STAFF</a></li>
               </if>
 
    </ul>
</div>

Wouldn't that be:

 
<if condition="is_member_of($bbuserinfo, 5, 6)">

I thought $vbulletin-> only worked in files.

[bobster65]

Originally Posted by Digital Jedi

Wouldn't that be:

 
<if condition="is_member_of($bbuserinfo, 5, 6)">

I thought $vbulletin-> only worked in files.

You can do it both ways, I prefer to use $vbulletin->userinfo however.

[megabyte366]

bobster65, Got everything working now... went back and redid it.... and pics are showing up... maybe did something wrong the 1st time the pic's are showing up... however; tried the hide the staff with your code and it still shows up.... correction: it worked...placed it at the bottom and it worked for me.. thanks

also have another one..... i have two skins... if i made a new dir under the 2 skin and copy all the files to it and direct/change the file path to the sn2d skin this should also work... or do i just need to make a dir for the tabs/

Thanks.

[JVCode]

Thanks for the mod! works a treat... Just a feature request, Would there be a way to have Sub-Tabs? Same as Sub-forums really, but as tabs. Would be excellent for my games forums.

[bobster65]

Originally Posted by megabyte366

bobster65, Got everything working now... went back and redid it.... and pics are showing up... maybe did something wrong the 1st time the pic's are showing up... however; tried the hide the staff with your code and it still shows up.... correction: it worked...placed it at the bottom and it worked for me.. thanks

also have another one..... i have two skins... if i made a new dir under the 2 skin and copy all the files to it and direct/change the file path to the sn2d skin this should also work... or do i just need to make a dir for the tabs/

Thanks.

you can use the same .js file for multiple styles, but you will want to create a new .css file for the 2nd style.. it can be in the same directory, just a different name..

Originally Posted by JVCode

Thanks for the mod! works a treat... Just a feature request, Would there be a way to have Sub-Tabs? Same as Sub-forums really, but as tabs. Would be excellent for my games forums.

I've played around a little bit with this concept, but right now our main focus is to get v2 out the door.. will certainly add this to the white board tho...

[JVCode]

Thanks for the prompt reply.

One other question; The current system 'Acquires Content' each time when visiting the forum homepage, regardless of whether you've visited another tab or not, which in turn takes some time to load. Is there a way to make it so the Home Page loads as it normally would, (when the hack isn't installed) and just acquire the content on the categories which aren't on the home page?

That's the best way I could word my problem. Anyone make heads or tales of it? Help appreciated

[illithid]

I searched this entire thread for any issues with javascript being used inside of the ajax tab view. Couldn't find what I was looking for.

First, let me give props to the author of this mod, it is wonderful! Secondly, I have it installed on my forum and decided that I could use it on my home page as well. It works. My problem though, is that if the tab makes a call to a page that has data generated from javascript, the data won't display(while in the tab view). However, if you go directly to the page, outside of the ajax tab, then the data will display.

Obviously, the problem is javascript is being suppressed by the ajax tab view. Is there a way to work around this?

I have added two images, 1 shows the contents of the ajax tab view for my test file, the second image is the actual display when going directly to the test page.

[g0dfather1984]

Great feature, however I am having one slight problem.

I have the tabs up for the forums & what not. But there is one that doesn't show up. I have the proper ID for it, but still no luck. Out of 6 different tabs, this is the only one that's not working.

Thank you for your help.