| -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 -->
|
| +!Tabs in your templates |
| +To use these degradable javascript tabs in your templates, just use the following code: |
| {CODE}
|
| +{jstabs} |
| + {jstab title="title of first tab"} |
| + <p>add some content here</p> |
| + {/jstab} |
|
|
| --=this is the result using the above code=-
|
| -(the html comments were removed since they interfere with the js script)
|
| -{img src=/img/wiki_up//tabs.gif}
|
| + {jstab title="title of second tab"} |
| + <p>add some content here</p> |
| + {/jstab} |
| +{jstabs} |
| +{/CODE} |
|
|
| --=browser compatibility=-
|
| +!!browser compatibility |
| seems to work well with
|
| windows: mozilla, firefox, opera, msie |
| +linux: mozilla, firefox, opera, konqueror |