History of BitTabs

we have recently introduced the easy addition of tabs to pages. this allows you to quickly view a given page and flick between different aspects of that page.

note: this feature is only available in release_clyde

currently we are using this for pages in the admin area to simplify the view of complicated and bloated administration pages.

it would be easy to implement this feature in wiki pages as well, however i'm not sure how useful this is...

this is how it's done in a template (if you enable html in a wiki page, this should make it possible in wiki pages as well)

{CODE()}
<div id="my-tab-system" class="tabsystem"><!-- start .tabsystem -->

<div class="tabpage tdefault"> <!-- start default tab (this page is open when loading page) -->
<h4>name of tab 1</h4> <!-- this could be any <h?> but we should use <h4> since it's unused -->
<p>add some content here</p> <!-- this can be any content -->
</div> <!-- end .tabpage -->

<div class="tabpage"> <!-- start second tabpage -->
<h4>name of tab 2</h4>
<p>add some content here</p>
</div> <!-- end .tabpage -->

<div class="tabpage"> <!-- start third tabpage -->
<h4>name of tab 3</h4>
<p>add some content here</p>
</div> <!-- end .tabpage -->

</div> <!-- end .tabsystem -->
{CODE}

this is the result using the above code
(the html comments were removed since they interfere with the js script)

Tabs in your templates

To use these degradable javascript tabs in your templates, just use the following code:

browser compatibility

seems to work well with
windows: mozilla, firefox, opera, msie
linux: mozilla, firefox, opera, konqueror