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

[Digital Jedi]

It should work the way you have it. But from what I'm seeing, it doesn't look like you have a tabs folder in your clientscript folder, which is why I'm surprised your CSS is working.

[chiptz]

I am using this mod and I am very happy with the result (http://www.techzonept.com/?styleid=60 - you won't be able to see some tabs or forums, thus it will appear some tabs are empty but they are not).

I now am looking to change 4 things:

- tab for blogs plugin
- tab for projects plugin
- who's online displayed only on certain tabs (easy on non-ajax version)
- tabs appearing in every page and not only on forum home

any clue on how to do this?

[Digital Jedi]

Originally Posted by TimberFloorAu

contents .. you mean client script etc?

yep..

only thing i think it could be is,.. that category=12 has various forums under it, not other categories..

Is this the way this works.. or does it work on the basis, of displaying forums under a specific category, which is what I hoped for.?

Wait, I just noticed the loading image is looking for it in the wrong location. It's looking for the tabs folder here:

yobromofo.com/clientscript/tabs/loading.gif

When it should be looking here:

yobromofo.com/forum/clientscript/tabs/loading.gif

[TimberFloorAu]

Originally Posted by Digital Jedi

It should work the way you have it. But from what I'm seeing, it doesn't look like you have a tabs folder in your clientscript folder, which is why I'm surprised your CSS is working.

http://www.yobromofo.com/forum/clientscript/tabs/

All there .. I believe..

I have just re edited the css and js paths , still doesnt work tho.. have given them absolute path

[TimberFloorAu]

edited css/js path to :

/forum/clientscript/tabs/ajaxtabs.js

/forum/clientscript/tabs/ajaxtabs.css

in forumhome

Shows the tabs... nothing else...

Changed now to full url path

Also changed ajaxtabs.js loading gif , to full url path..

Thats not the major issue tho.. the tab when clicked shows no content..

[TimberFloorAu]

Just a thought...

Currently we have ( example ) forumid 12 set as a forum
with lots of child forums under it.

Should they all become sub-categories of a parent category ... for this to work??

or could it be a VBSEO setting???

[Digital Jedi]

Hrm, I'm not sure on this one. It might just be another modification like vBSEO, because from what I'm looking at, you have everything set up right.

Of course, I haven't eaten since yesterday. So take that with a grain of salt.

[TimberFloorAu]

Originally Posted by Digital Jedi

Hrm, I'm not sure on this one. It might just be another modification like vBSEO, because from what I'm looking at, you have everything set up right.

Of course, I haven't eaten since yesterday. So take that with a grain of salt.

LOL

I am thinking it has to be a vbseo issue, .. i cant think of anything else.

GO EAT !

Edit:

It isnt VBSEO

[bobster65]

Originally Posted by chiptz

I now am looking to change 4 things:

- tab for blogs plugin
- tab for projects plugin
- who's online displayed only on certain tabs (easy on non-ajax version)
- tabs appearing in every page and not only on forum home

any clue on how to do this?

With TFH version 2, you will be able to add external content files to tabs and I have content files for Blogs, Project tools, recent threads, news, links, thumbs, photos etc...

I also have (and I am about to release) AJAX Tabs Content Version 3.0 (YUI) that can be used on ANY Page to display external content as well (to include TFH) ..

[bobster65]

Originally Posted by TimberFloorAu

LOL

I am thinking it has to be a vbseo issue, .. i cant think of anything else.

GO EAT !

Edit:

It isnt VBSEO

ya, VBSEO doesn't effect it..

looks like you got the files in the correct place..

change the calls to the CSS and JS to this really quick.. I want to see if the www vs non www is effecting it..

<!-- Tabbed Forum Home Header Code -->	
	<link rel="stylesheet" type="text/css" href="clientscript/tabs/ajaxtabs.css" /> 
	<script type="text/javascript" src="clientscript/tabs/ajaxtabs.js"> </script>

<!-- /Tabbed Forum Home Header Code -->