-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.
|
+!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} |
|
-__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}
|
+ {jstab title="title of second tab"} |
+ <p>add some content here</p> |
+ {/jstab} |
+{jstabs} |
+{/CODE} |
|
-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} |
+!!browser compatibility |
+seems to work well with |
+windows: mozilla, firefox, opera, msie |
+linux: mozilla, firefox, opera, konqueror |