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

[bobster65]

Originally Posted by cbiweb

Thanks, bobster. I'll take out the full URLs and leave off the / like you suggest. I'd rather do that because full URLs can come back to bite!

Did that work for ya? The reason it does that (unordered list) is because it can't find the CSS file, so its definitely a path issue to the CSS file..

[bobster65]

Originally Posted by cbiweb

One more thing... I'm using 1.5.0 beta, and would like to have a default tab selected when the page loads. I see instructions for v1.01, is there way to do the same thing in 1.5.0?

ya, use the "selected" calls on the specific li tag (Like in Red below)..

<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>

[cbiweb]

Removing the / worked perfect.

Using the "selected" call doesn't seem to be working though. I've made sure that only the tab I want selected has the call. Here's the code from my template:

<div id="ajaxTFH" class="TFHmenu2">
    <ul>
        <li><a href="/tabforumhome.php?tabcat[]=12" rel="ajaxTFHcontentarea">THE LOBBY</a></li>
        <li class="selected"><a href="/tabforumhome.php?tabcat[]=60" rel="ajaxTFHcontentarea">TECH SUPPORT</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=117&tabcat[]=33&tabcat[]=93&tabcat[]=56" rel="ajaxTFHcontentarea">TECH TALK</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=4&tabcat[]=146" rel="ajaxTFHcontentarea">GENERAL DISCUSSION</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=7&tabcat[]=8&tabcat[]=10" rel="ajaxTFHcontentarea">STAFF</a></li>
    </ul>
</div>

I want the Tech Support tab to be default on page load, but it's not, it just stays on whatever tab was last used.

[bobster65]

Originally Posted by cbiweb

Removing the / worked perfect.

Using the "selected" call doesn't seem to be working though. I've made sure that only the tab I want selected has the call. Here's the code from my template:

<div id="ajaxTFH" class="TFHmenu2">
    <ul>
        <li><a href="/tabforumhome.php?tabcat[]=12" rel="ajaxTFHcontentarea">THE LOBBY</a></li>
        <li class="selected"><a href="/tabforumhome.php?tabcat[]=60" rel="ajaxTFHcontentarea">TECH SUPPORT</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=117&tabcat[]=33&tabcat[]=93&tabcat[]=56" rel="ajaxTFHcontentarea">TECH TALK</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=4&tabcat[]=146" rel="ajaxTFHcontentarea">GENERAL DISCUSSION</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=7&tabcat[]=8&tabcat[]=10" rel="ajaxTFHcontentarea">STAFF</a></li>
    </ul>
</div>

I want the Tech Support tab to be default on page load, but it's not, it just stays on whatever tab was last used.

That looks correct .. did you try and flip flop the 2 li lines (lobby and Tech support) so that the selected is the first tab (just to make sure that is working)

[cbiweb]

Just tried flip flopping the tabs, and they changed places as expected, but the "selected" didn't do its thing.

[bobster65]

Originally Posted by cbiweb

Just tried flip flopping the tabs, and they changed places as expected, but the "selected" didn't do its thing.

That's weird... I'll have to dig into it and see if I can replicate the problem and then recommend a solution..

[princeedward]

thanks for this...

using vb3.8.4 here and Bingoskin 3.8.3

...tried everyrthing to find the solutions but i guess it has a conflict or problem with Cyb - Sub-Forum Manager 2.5.1?

i am not sure but it keeps pushing my forumhome page wider to the right side...or is there anything i can do for this not to happen?

turn off cyb mod and it goes okay....

appreciate any help here...

best regards...

[tafreeh]

What is the update on V2.
Would you be able to release it with VB4 ?

[bobster65]

Originally Posted by princeedward

thanks for this...

using vb3.8.4 here and Bingoskin 3.8.3

...tried everyrthing to find the solutions but i guess it has a conflict or problem with Cyb - Sub-Forum Manager 2.5.1?

i am not sure but it keeps pushing my forumhome page wider to the right side...or is there anything i can do for this not to happen?

turn off cyb mod and it goes okay....

appreciate any help here...

best regards...

There is a solution to get this working with Cyb's Sub Forum Manager .. just do a quick search on this thread.... I don't have it memorized, but its pretty easy to implement.

[bobster65]

Originally Posted by tafreeh

What is the update on V2.
Would you be able to release it with VB4 ?

I won't know anything about vb4 until I can get my hands on it just like everyone else that is waiting on it. Its obvious that the FORUMHOME Template(s) will be changed, so there will be some recoding that needs to happen. From what I gather, no core code has changed in regards to forum home, but again, until I see it, I can only guess.