History of BitTabs
Version 3
BitTabs
the easy way to create funky tabs
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}
(the html comments were removed since they interfere with the js script)
seems to work well with
windows: mozilla, firefox, opera, msie
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}
(the html comments were removed since they interfere with the js script)
seems to work well with
windows: mozilla, firefox, opera, msie