History of BitTabs

Version 3

BitTabs

the easy way to create funky tabs

Created by: xing, Last modification: 25 Oct 2004 (20:21 UTC) by xing
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 ReleaseClyde

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

browser compatibility
seems to work well with
windows: mozilla, firefox, opera, msie
Page History
Date/CommentUserIPVersion
08 Jun 2008 (19:06 UTC)
xing88.117.31.1688
Current • Source
xing194.152.164.457
View • Compare • Difference • Source
xing194.152.164.456
View • Compare • Difference • Source
Stephan Borg218.214.1.1135
View • Compare • Difference • Source
xing62.116.40.724
View • Compare • Difference • Source
xing62.116.40.723
View • Compare • Difference • Source
xing62.116.40.722
View • Compare • Difference • Source