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

[glowinggal]

any updates on when version 2 might be ready for 3.8.* users?

[TaMpE]

Can I point the tab to a FORUM instead of a Category?

[SBlueman]

Originally Posted by SBlueman

I tried to install the AJAX version (1.5) on my site (I am running ver.3.6.8) and ran into some issues:

1. When I went to the forum home I got this:



The errors are:

The tabs are not matching my site's style
No forums are shown

And then when you click on a tab you get this:


The style is totally stripped.

I searched this thread trying to find a fix and did add the full paths to the .css files in the clientscript folder. Is there anything else I am missing? I uninstalled the modification for now until I can figure out a fix.

Just FYI....once I upgraded my site to 3.6.12 and re-installed the modification it worked perfectly. I just had to apply the IE fix to remove the space, add the code for the Cyb - Sub-Forum issue and edit the css some and I am good to go.

Now....is the 3.0 YUI version better in any way than this version that I MUST switch over?

[SBlueman]

Does anyone know of a way to create a tab with v1.5 that will allow you to view the full forum index?

[sdfaheem]

I have successfully installed the mod with all the template modifications carefully.

But when i click on any tab, its showing all the forums whereas i have assigned each tab with a separate category.

[Malceski09]

I've got it installed, how would i go about changing the look, to somewhat the BBW style look of the tabs, from text

[Digital Jedi]

Originally Posted by slinkyman

How did you fix this issue? It seems to always end up with just bulleted URLs.

It means the path to your CSS is file is not correct. Make sure the edits you made in the <head> tags point exact location of the CSS and Javascript files. If all else fails just put the full URL.

[ahmedipa]

good example we will see later on to test it

but I got the idea of this topic

thank you very much

[sdfaheem]

The ajax is continuously loading and not showing the tabs with the message "Requesting content".
Previously it was working good, this happened all of a sudden.

[anoopsoares]

Btw installed on 3.8 and so far so good. No real issues.
There is one edit though that should be changed

In step 2b you say paste this

STEP 2b - EDIT Template: FORUMHOME

FIND <!-- main --> 

FIRST - Copy all the code from <!-- main --> to <!-- /main --> (Including 2 main comments) and save it into you editor of choice as this will be used in an upcomming step.

Then Replace <!-- main --> ...code... <!-- /main --> with the code below

<!-- main -->
<!-- Tabbed Forum Home -->

<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>
		<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>
	</ul>
</div>

<br style="clear: left" />

<div class="TFHmenu2line"></div>

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

<script type="text/javascript">
	var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
		mytabs.setpersist(true)
		mytabs.setselectedClassTarget("link") 
		mytabs.init()
</script>

<!-- /Tabbed Forum Home  -->
<!-- /main -->

Now in any further releases i would just leave the background)color: white out of the div style. Since no one hardly uses vBulletins default colors

just saying