Collapse Sidebars of vBA CMS

Version: 1.0.1
vB Version: 3.5.2
Assuming that you have vBAdvanced Version: 2.1.0 with this integration installed.

Description: Give your users an option to collapse the sidebars of your integrated vBulletin Forum & vBAdvanced CMS.
Details: 1 Template Change and 1 Product XML (with 1 Plugin, 2 Settings, 4 Phrases and 0 Template).
Difficulty: very easy (plugin product and one template change).

Author: Milad

Upgrading: If you upgrade from 1.0.0, I prefare you uninstall the product (Because the product ID was changed) and revert adv_portal template, then reinstall it as the following instructions.

Installation:

1. Import product-collapse_sidbars_vba.xml into your PRODUCTS by going to
   Plugin System -> Manage Products -> Add/Import Product
   IF YOU ARE UPGRADING, be sure to set "Allow Overwrite" to "Yes".
   
2. Upload 4 images (left_vbacollapse.gif, left_vbacollapse_collapsed.gif, right_vbacollapse.gif and right_vbacollapse_collapsed.gif) to forum/images/buttons directory.
   
3. In adv_portal template do
   1. Find:
      

      width="$vba_style[portal_leftcolwidth]"

      Replace with:
      

      width="$vba_style[portal_leftcolwidth]" id="collapseobj_left_sidebar" style="{$vbulletin->left_sidebar_style}"

   2. Find:
      

      width="$vba_style[portal_rightcolwidth]"

      Replace with:
      

      width="$vba_style[portal_rightcolwidth]" id="collapseobj_right_sidebar" style="{$vbulletin->right_sidebar_style}"

   3. Find:
      

      $home[centerblocks]

      Add above:
      

      <if condition="$show[left_column] and $vboptions[allow_collapse_left_sidebar]">
      <a href="#top" onclick="return toggle_collapse('left_sidebar')" style="float:$stylevar[left]; margin-bottom:2px"><img alt="" border="0" src="$stylevar[imgdir_button]/$stylevar[left]_vbacollapse{$vbulletin->left_sidebar_image}.gif" id="collapseimg_left_sidebar" /></a>
      </if>
      <if condition="$show[right_column] and $vboptions[allow_collapse_right_sidebar]">
      <a href="#top" onclick="return toggle_collapse('right_sidebar')" style="float:$stylevar[right]; margin-bottom:2px"><img alt="" border="0" src="$stylevar[imgdir_button]/$stylevar[right]_vbacollapse{$vbulletin->right_sidebar_image}.gif" id="collapseimg_right_sidebar" /></a>
      </if>

4. Click to receive updates.
5. Done! Thank you for installing.

Changelog:

• Feb, 21st 2006: (1.0.0)
  • Initial release
• Feb, 23rd 2006: (1.0.1)
  • Appearance improved, see this post. (screenshots updated)
  • Add the abbility to collapse both left and right sidebars.
  • Add two options in "Style & Language Settings" to Allow/Disallow Collapsing Left/Right sidebar.
  • Arrows Directions work in both RTL & LTR forums.
  • Hack was renamed "Collapse Left Sidebar of vBA CMS" -> "Collapse Sidebars of vBA CMS".

Support is free-time controlled.

[Milad]

1.0.1 released

[fyjpm]

This is very nice! can you add in the functionality shown on this page?
http://template.joomlart.com/ja_cape...=ja_capella_ii

(Click the "Right Panel" image at the top)

Basically it uses javascript to "slowly" hide the column...its looks very cool and also saves the state with cookies.

Would be a nice addition.

[Milad]

Actually I cann't
Because I use the built-in function of vBulletin.
We may change the whole function in vBulletin to act as you demand.
But I had no time to do that nowdays, I have other projects.

[Slave]

Hi Milad

This is a great little hack and I've been using it for a while now. In IE it works as advertised but with Safari 2.0.3 on Mac 10.4.6 the arrows seem to go out of whack.

See attached to see what I mean ..

[Milad]

Does it work? I mean the problem is in the appearance only not in the function, true?
I have the same problem with FireFox I'll try to solve it by changing the XHTML syntaxes.

See you

[Slave]

Originally Posted by Milad

Does it work? I mean the problem is in the appearance only not in the function, true?
I have the same problem with FireFox I'll try to solve it by changing the XHTML syntaxes.

See you

Oh yes, it still works as it should .. it just doesn't look pretty

Any update you do to fix this would be cool .. thanks

[Milad]

OK I'll fix it after my exams.

[TenPercenter]

Who has this installed? Can you show us please so we can demo the fucntionality?

[Mr. Brian]

Cool.. /me clicks install.

[Mr. Brian]

Originally Posted by Milad

If you have any suggestion (features or appearance), feel free and don't hesitate.

As for appearance suggestion, it'd be cool if you could make it something look like this: http://www.vbstyles.com/forum/index.php (looking button "Sidebar")