Difference between revisions of "TAChart User Guide"
m |
m |
||
Line 1: | Line 1: | ||
! Updating in progress ! | ! Updating in progress ! | ||
__NOTOC__ | __NOTOC__ | ||
+ | |||
+ | |||
+ | <tr> | ||
+ | <th colspan="2" scope="row" style="text-align:center;">I want the link next to this text [<span class="mw-customtoggle-MYCELL" style="color:blue; cursor:pointer;">Expand/Collapse</span>] | ||
+ | </th></tr> | ||
+ | <tr> | ||
+ | <td colspan="2" scope="row" id="mw-customcollapsible-MYCELL" class="mw-collapsible" style="text-align:center;">This cell collapses. Note that the downside to this approach is that the custom toggler can't alternate between "Expand" and "Collapse", so it will look a bit different. | ||
+ | </td></tr></table> | ||
+ | <table border="0" cellpadding="1" cellspacing="1" class="article-table article-table-selected" style="width: 500px;"> | ||
+ | |||
+ | <tr> | ||
Revision as of 01:25, 28 January 2014
! Updating in progress !
I want the link next to this text [Expand/Collapse] This cell collapses. Note that the downside to this approach is that the custom toggler can't alternate between "Expand" and "Collapse", so it will look a bit different.
Introduction
class="mw-collapsible-content">Blah...
Collapsible div
Collapsible div
Collapsible div
Test suite for mw-collapsible
Combination example
- Reference
- Quick Start Charting
- Third row contains a collapsible block with custom labels
Collapse TAChart User Guide | ||
---|---|---|
#1 |
Hello, edit this page Hello, purge this page Hello, add new section to talkpage |
|
#2 |
|
|
#3 |
There's a lot more secret content hidden ! This following code is top secret:
|
|
Last edited by Kapibara on 20140128012504 | ||
Permalink to this revision |
Collapsible tables
Classes can also be used to collapse tables, so they are hidden by default. Use the style 'collapsible' to enable collapsing behaviour. By default, a collapsible table will begin expanded. To change this, include the additional class 'collapsed' or 'autocollapse' (i.e. only collapse if 3 other collapsible tables are present). You must include a header row, where the 'hide' option will be displayed. Example:
{| class="wikitable collapsible collapsed" |- ! Header |- | Content which starts hidden |- | more hidden content |}
Gives:
Header |
---|
Content which starts hidden |
more hidden content |
Using class mw-collapsible
Another way (worked in mediawiki 1.19rc1)testwiki:User:Krinkle/CollapsingTestpageMw
{| class="wikitable sortable mw-collapsible"
Header |
---|
Content which starts visible |
more visible content |
{| class="wikitable sortable mw-collapsible mw-collapsed"
Header |
---|
Content which starts hidden |
more hidden content |
All TAChart information on the Wiki can be linked to this catalog as a means of easy access to everything.
How to contribute information to this guide.
Understanding the Chart |
---|
Blah 1 |
Blah 2 |
- Introduction
- Understanding the Chart
- Working with Series
- Managing Axes
- The Component Suite
- Tutorials & Demos
- Forum
- Gallery
- Glossary
- Index
- Reference
Chapters with Code Examples: a few lines of code or codelisting to exemplify the use of what was just described