Forum Home Enhancements - [YUI] Tabbed Forum Home

[YUI] Tabbed Forum Home (TFH) version 4.0.8
vBulletin version: 4.1.11 - 4.2.0
Older versions need original mod for now

Description:
This MOD is for creating a "Tabbed" Forum Home Page to have Categories and other Data types (via Modules) displayed within Tab containers. 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 via AJAX without leaving the main forums page.

This is an entirely new version of TFH and only works with vB4. Management is all done via the Admin CP.

Installation is done in 3 simple steps. Upload files, Import product, 3 easy Template Edits.

Setup is now a breeze via the Tabs option in the Admin CP.

The attached Zip File contains the Files and Instructions necessary to install.

Incompatible mods
Two columns of categories - https://vborg.vbsupport.ru/showthread.php?t=275114

Upgrading to 4.0.7+ from previous versions
We have had to change the mod's id which means when you install this time you will have 2 mods, the new version with its new id and the old version.
Both can run side by side but shouldnt to save processing time.

To migrate:
Install the latest version and upload all the files (no conflicts to worry about)
Install the latest product xml
Follow the template changes in the upgrade txt
Create your tabs in the new admincp menu option "EG: Tabbed Forum Home" to mirror the existing "Tabbed Forum Home" menu.
Once done uninstall the product "Tabbed Forum Home" with productid bobster_tfh (old mod id)


Change Log:

VERSION 4.0.8 2nd August 2012
Changes:
> Fixed several database bugs
> Fixed several legacy redirect bugs
> Fixed static path problem for scripts (this should resolve some 4.0.7 blank forum issues)
> Thanks to Bluefin221 & LgsOfChampions

VERSION 4.0.7 1st August 2012
Changes:
> New Mod ID - YOU MUST MIGRATE SETTINGS MANUALLY
> vBulletin 4.1.11+ required
> JS loaded after drawing
> Remote YUI JS (partial) support
> Fixed instructions typo
> All previous fixes in 4.0.5 that caused no bugs

VERSION 4.0.5 27th April 2012
Changes:
> This version should be used with vbulletin 4.1.11+
> Compatibility with JS changes in vbulletin 4.1.11+
> Upgraded to run with YUI 2.9.0
> Local versions of files to minimise loading issues
> Upgraded to Dispatcher 2.2
> Reduced size of forumindextab generator and reduced size to boost performance
> Added a template cache call to reduce load
> Added loader animation and box when tab is clicked and loading.

Original Change Logs for bobster65 & King Kavor releases
VERSION Beta 2b 23 March 2010
Changes:
> CSS Conflict resolved

VERSION Beta 2 19 March 2010
> CSS Conflict resolved
> Upgrade to YUI 2.7.0 & Dispatcher 2.1
> Minor Bug fixes

Originally created by bobster65 & King Kovifor

[Popa Andrei]

can u tell me how to make a diferent style var for a light theme?
I have a light theme and a dark one.

[PJSkiboy]

Originally Posted by stormzone

can u tell me how to make a diferent style var for a light theme?
I have a light theme and a dark one.

Storm,

I'm in the same boat.

Right now I've got the tab mod installed on my light theme and not on my dark theme because when you change the hex code in the css file for the mod, it changes that background color in between the categories for ALL styles you have that mod installed on.

Pretty sure we'd have to edit the mod to where it called a different .css file for each style.

If I could manage some free time in the next week, I'll tinker with it some, but no promises. I'm not much of a coder.

[Lionel]

Originally Posted by stormzone

can u tell me how to make a diferent style var for a light theme?
I have a light theme and a dark one.

edit the tabview.css or skin-tfh.css to remove those declarations:

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover
.yui-navset .yui-content

and then in FORUMHOME template put this in your head

<style type="text/css">
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
background:{vb:stylevar forumhead_background};
color:{vb:stylevar forumhead_color};
font-weight:bold;
}
.yui-navset .yui-content {
background:#ffffff;
border-top:5px solid #384b6b;
}
</style>

go there and switch style to see result

[Lionel]

Originally Posted by Crrrazzzy

what did you do to fix this as i am having hte same issue

fixing this is very simple. Edit the template Create Tabs at forumhome_complete and replace the second line with

$yui = new vB_YUI($vbulletin, $vbulletin->userinfo, 'tfh');

and in class_yui.php

replace the line below (I don't remember what the original code was)

$tab['limitTo'] = explode(",", $tab['limitTo']);

with:

if (is_member_of($this->usergroup, $tab['limitTo']))

so the block becomes

PHP Code:

              if($verify_usergroup)
            {
              if($tab['limitTo'] == 'all')
                {
                    $this->code .= "YAHOO.plugin.Dispatcher.delegate(new YAHOO.widget.Tab({label: '" . mysql_escape_string($tab['title']) . "', " . $tab['contentT'] . ": '" . $tab['content'] . "', active: " . $tab['active'] .", cacheData: " . $tab['cacheData'] ."}), " . $this->name . ");";
                }
                else
                {
                    $tab['limitTo'] = explode(",", $tab['limitTo']);
                    if (is_member_of($this->usergroup, $tab['limitTo']))
                    {
                        $this->code .= "YAHOO.plugin.Dispatcher.delegate(new YAHOO.widget.Tab({label: '" . mysql_escape_string($tab['title']) . "', " . $tab['contentT'] . ": '" . $tab['content'] . "', active: " . $tab['active'] .", cacheData: " . $tab['cacheData'] ."}), " . $this->name . ");";
                    }
                }
            } 


[Popa Andrei]

Originally Posted by Lionel

edit the tabview.css or skin-tfh.css to remove those declarations:

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover
.yui-navset .yui-content

and then in FORUMHOME template put this in your head

go there and switch style to see result

It works but can you make the same thing like in the tabs to this area to?
Attachment 122416

PS this fix should be integrated in the mod.

[Pvtiste]

Excellent ! Thank you for sharing
Installed and perfectly works!

[Santori]

Sorry, but what happens with de collapse button, nobody wants to give a solution?

[Popa Andrei]

if the autor of the plugin would give a little bit interest in the mod....

[Crrrazzzy]

Originally Posted by stormzone

It works but can you make the same thing like in the tabs to this area to?
Attachment 122416

PS this fix should be integrated in the mod.

this should be added to the plugin

[masterweb]

Installed on a 4.0.7 version and never worked as supposed. Unisntalled