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

[Bustah]

Thats exactly what I want to do.

I want to display "The Vault"'s subforums underneath a tab. Its not working.

Its blank when you click the tab, no forums show up.

[bobster65]

Originally Posted by Bustah

Thats exactly what I want to do.

I want to display "The Vault"'s subforums underneath a tab. Its not working.

Its blank when you click the tab, no forums show up.

PM me and I'll take a look when I can ..

[bitbender]

yea, I am seeing the same here For instance;

Basic Help Collection(BHC) - Top level category
----> Linux Basics - sub forum
----> Windows Basics - subforum

They show fine in the tab for BHC.

I have the code for all my other categories working great, but when I tried to do these two subs to bring them forward in the tab bar, I get blanki

It's the same code block from the prev tab in my forumhome, all I changed was the forumid and var name doubles for the collapse, and the $forumbits variable name increment-I followed your instructions on naming convention.

I'm pretty sure it's correct.. I have beeen sitting here comparing the two code blocks over and over, trying to see where I coded incorrectly - No joy..

So any help will be appreciated.

[oz_girl]

I would really love this on my forums but its a little out of my knowledge range, can i ask someone to do this for me please?

[iBaker]

Bobster
Mate, this is simply brilliant

I am using 3.7.2 and vBadvanced with many different categories and this has made it easy for users to just use the category or categories that they want to view whilst keeping the overall look, feel and structure of my site - thank YOU!

Can I just make one small suggestion for the next update - it would finish it off if when a user was using the advance search that the forum search list only displayed the forums that are within that category or that the other categories are condensed to line items and only the category that the user is in has the forums in an expanded view - just a suggestion.

[TheInsaneManiac]

I have a small issue. I unactivated a forum to hide it from the main forums. The only problem is when I go view that forum in a tab, it shows I can access it, but all the forums say they have never been posted in. If I click one of the forums I can clearly see that they have indeed been posted in.

[iBaker]

Oops, I spoke to soon

It seems the mod is not allowing my forums to shrink in width depending on what screen resolution the user has i.e. if a user has 1024x768 then the forums go off the right edge causing the horizontal slider appearing for the user to be able to see the right side of the page.

The line that is causing it is:

<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>

-- EDIT --
Spoke to soon again
I am using the Cyb - Sub-Forum Manager mod and I didn't realise that my sub forums were being pushed across the page causing a blow out in the overall width of my site - made the amendments as per https://vborg.vbsupport.ru/showpost....&postcount=566 and all is working great - thanks!

[Ziki]

Here are a few suggestions: In the templates remove the trailing slash before clientscript/tabs
also this should be removed in the javascript file as the image is not displaying.Also remove
<br style="clear: left" /> from the template because it sepparates the forum and the tabs (whitespace) in IE7.

[TheInsaneManiac]

Originally Posted by Ziki

Here are a few suggestions: In the templates remove the trailing slash before clientscript/tabs
also this should be removed in the javascript file as the image is not displaying.Also remove
<br style="clear: left" /> from the template because it sepparates the forum and the tabs (whitespace) in IE7.

Yea, but if you remove that it would work in IE, but not firefox, so put a conditional statement for it.

[Deepdog009]

Originally Posted by Ziki

Here are a few suggestions: In the templates remove the trailing slash before clientscript/tabs
also this should be removed in the javascript file as the image is not displaying.Also remove
<br style="clear: left" /> from the template because it sepparates the forum and the tabs (whitespace) in IE7.

Originally Posted by TheInsaneManiac

Yea, but if you remove that it would work in IE, but not firefox, so put a conditional statement for it.

*************************************************
Ziki,,,
Good looking out...

TheInsaneManiac,,,
Great feedback...

*************************************************

bobster65,,,

Keep the ball rolling...>>>:up:<<<