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

[iBaker]

Can someone offer css advice?

I am trying to get the tabs to spread right across 100% of my forums with each tab being the same width.

Plus if the text in one or more of the tabs is wrapped into say 2 lines then all the tabs become the same height as well regardless if they only contain a single word.

Any help is greatly appreciated!

[King Kovifor]

Originally Posted by vietfancy

The who's online thing is not working.

I will look into it when I get a chance - but I know it is fixed for 2.0.

[Chris11987]

edit: I tried the 1.01 version, and got it to work to an extent. Tab 1 never aligns with tabs 2 or 3. It's one pixel lower than the others because it overlaps the outer boarder of the forums display, where the others do not.

I might consider helping to rewrite the instructions. While I was able to follow them along myself, they are written extremely poorly and contain a lot of extra work that is unneeded and also don't explain many parts properly.

[bobster65]

Originally Posted by Chris11987

I might consider helping to rewrite the instructions. While I was able to follow them along myself, they are written extremely poorly and contain a lot of extra work that is unneeded and also don't explain many parts properly.

Go for it. If you feel you can improve instructions for version 1.01 (or 1.5 for that matter) be my guest. I (we) don't have time and have already said that all further development on ver 1.01 and 1.5 has stopped and that all efforts are being focused on version 2.0

NOTE TO ALL

If anyone is interested in continuing the Development of either version 1.01 or 1.5, you can contact Me via PM telling me why we should consider you. If considered, we'll add you to the Team for further development and support of either version.

[bobster65]

Originally Posted by The Cat!

Is there a way to disable the collapse? When I installed this I had a few catagories collapsed and now no matter what I do I can't get them to un-collapse. I would like to just disable them. Anyone?

This only happens when you have the same forum in more than one tab (which by using the default vB functions, the collapseIDs are always assigned by using the forumID).. This is what is causing the conflict and is being re-written in version 2.0 to prevent that.

Did you try and uncollapse them from the first tab that they are displayed in? I just tried that and it worked.

If you want to strip out the Collapse Functionality, just remove the code (in RED ) in the Below Template..

Template Name: forumhome_forumbit_level1_nopost

<!-- TFH -->
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">
<!-- /TFH -->


<tbody>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
			<if condition="$childforumbits">
			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
			</if>
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
			<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
		</td>
	</tr>
</tbody>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
$childforumbits
</tbody>
</if>


<!-- TFH -->
</if>
<!-- /TFH -->

[The Cat!]

Thanks Bobster, I'll give that a try tonight.

[Chris11987]

I must be blind, but I can't swee in the template on where to fix this: Under each tab it has the line that says "Forum, Last post, # of threads, etc" above the actual forum name. So basically the thwo are switched compared to how they normally are, but for some reason I can't spot the code to switch them. Any help here?

[UaECasher]

Hello,

I have installed the v 1.5 ajax every thing was working fine but the problem is only 1 tab show the content others don't

here is the code for the forumhome

<li class="selected"><a href="tabforumhome.php?tabcat[]=1&tabcat[]=31&tabcat[]=52&tabcat[]=38&tabcat[]=143" rel="ajaxTFHcontentarea">Main Page</a></li>
		<li><a href="tabforumhome.php?tabcat[]=22&tabcat[]=117&tabcat[]=13&tabcat[]=17&tabcat[]=115" rel="ajaxTFHcontentarea">Rap Battles Online</a></li>
		<li><a href="tabforumhome.php?tabcat[]=4&tabcat[]=50&tabcat[]=51&tabcat[]=158&tabcat[]=163&tabcat[]=168" rel="ajaxTFHcontentarea">Game Vault</a></li>
        <li><a href="tabforumhome.php?tabcat[]=126&tabcat[]=133" rel="ajaxTFHcontentarea">Fighters Vault</a></li>
        <li><a href="tabforumhome.php?tabcat[]=57&tabcat[]=59&tabcat[]=82" rel="ajaxTFHcontentarea">Auto World</a></li>

and if's correct then why it's not working my vBulletin version is 3.7.2

[i156]

I just upgraded to 3.7.3 and no forums are showing on my tabs! help! I am using 1.0.1.

http://www.usacarry.com/forums

[i156]

I just reverted my template since no one could get to my forums. Let me know if anyone else had this problem when upgrading and what I can do to fix it. I really liked how the tabs looked. I saved a copy of my old FORUMHOME so I can switch it back fairly quick.