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

[powerful_rogue]

Looks like a great mod!

I tried to give it a go, but got lost half way through the instructions, so will probably wait until the next version comes out.

[bobster65]

Originally Posted by powerful_rogue

Looks like a great mod!

I tried to give it a go, but got lost half way through the instructions, so will probably wait until the next version comes out.

Sorry, I seriously need to rewrite the instructions. I wrote them in a hurry and though they made sense to me, its obvious that they are hard to follow along, specially for those that don't do a lot of manual template editing/template coding .... I'll try and get some better instructions out sometime this week so you can at least play around with it. Its really not that tough, just a little confusing/overwhelming when you first try and attempt to install it.

[bobster65]

Originally Posted by veenuisthebest

pleasee ... bob.. help out this one !!

What exactly is the issue?

[veenuisthebest]

my issue is here on 14th page following post #201 onwards !!

Its almostt solved.. but can't get it to work in I.E.

[rapidphim]

umm.. now I noticed that bug. Only the very first original tab is stayed the same when you collapsed. The rest of the tabs' header will also move/adjust ....

[glowinggal]

Originally Posted by kushal

The tabs shows up the private forum category, though forums inside it are not visible.

I guess, the tab itself should be invisible for members not allowed access to it.

Even if I put the Private forums inside the already existing tab, the header category still shows up.

To see what I mean kindly visit the site here http://www.rtiindia.org/forum/ and see that you can see the private forum named 'RTI team'.

I have kept the child forum without tabs, and here they are not visible to guests..

Originally Posted by bobster65

Ah, I see what you are talking about. One way to fix that is to wrap the block of code in the template (for that specific forum) with an IF statement so that it only displays for the specific user groups.

what specifically would be the code to be written? Very interested in this but know in advance we have private forums that would need to be hidden for sure.

[bobster65]

Originally Posted by glowinggal

what specifically would be the code to be written? Very interested in this but know in advance we have private forums that would need to be hidden for sure.

just wrap the specific tab with this... (use the ID's of the user groups you want to be able to view it)

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

</if>

so it would look something like this.. (The code in RED is what you would need to add ...

<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	     <li><a href="#" rel="tcontent1" class="selected">Tab 1 Name</a></li> 
	     <li><a href="#" rel="tcontent2">Tab 2 Name</a></li> 
	          <if condition="is_member_of($vbulletin->userinfo, 5,6)">
                     <li><a href="#" rel="tcontent3">Tab Private Name</a></li>
                  </if> 
	</ul> 
<!-- /Tabbed Forum Home Tabs Layout -->

Then you will also want to wrap the tab display data as well ..

<!-- Tabbed Forum Home – START Private FORUM TAB Content Layout -->

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

     <div id="tcontent3" class="tabcontent">

          CONTENT REMOVED FOR EXAMPLE ONLY

     </div>

</if>

<!-- /Tabbed Forum Home – END Private FORUM TAB Content Layout-->

[ERAFOX]

this ++++1ng amazing !

[BarcaMaroc]

nice

[Defkalion]

Originally Posted by bobster65

Tabs at the bottom and top? Haven't tried it, but simple copy the "tab" portion and place it after the last content area and before the switch tabs script .. in theory, that should work. one of the CSS style is use has tabs at the bottom, so I know it works, just never tried it with both top and bottom ..

Thanks Bob, I tried but that didn't work, the tabs show up at the bottom but when clicking on them it just throws me back at #top of the page, it doesn't go to that tab. Any ideas?