WikyBlog
Download
Main
gpEasy CMS
Sponsored Links
Text Formatting>Collapsible TablesEditHistoryDiff?

Help > Text Formatting > Collapsible Tables

A collapsible table can be used to include content in your pages that users can show/hide with the click of a button. The following example shows a simple example of a collapsible table.

What you type What it looks like 
{{collapsible
|title=This is the Title
|content=This is the Content}}
This is the Title
This is the Content

Variations

Description What you type What it looks like
Styled Table 
{{collapsible
|table-style=border-width:5px;
|title=This is the Title
|content=This is the Content}}
This is the Title
This is the Content
Styled Content 
{{collapsible
|content-style=color:#31466b;
|title=This is the Title
|content=This is the Content}}
This is the Title
This is the Content
Collapsed by Default
(Available with version 1.7.2.1) 
{{collapsible
|class=collapsed
|title=This is the Title
|content=This is the Content}}
HTML Syntax 
<table class="collapsible">
<tr><th><div class="collapsible_title">Title</div></th></tr>
<tr><td>Content</td></tr>
</table>
Title
Content
HTML Syntax Collapsed 
<table class="collapsible collapsed">
<tr><th><div class="collapsible_title">Title</div></th></tr>
<tr><td>Content</td></tr>
</table>

Style

There are also a few css classes that can be customized in personal themes to change the look of collapsible tables. 

.collapsible{}
.collapsible_title{}
.collapsible_button{}
.collapsible_content{}
.collapsed{}


Last modified 01:48 Tue, 7 Apr 2009 by Main. Accessed 468 times Children What Links Here share Share