Difference between revisions of "TAChart User Guide"
Line 8: | Line 8: | ||
<li>D | <li>D | ||
</ul> | </ul> | ||
− | <p class="mw-customtoggle- | + | <p class="mw-customtoggle-chart" style="color:blue;margin-left:20px;">'''Understanding the Chart'''</p> |
− | <ul class="mw-collapsible mw-collapsed" id="mw-customcollapsible- | + | <ul class="mw-collapsible mw-collapsed" id="mw-customcollapsible-chart"> |
<li>[[TAChart QuickStart|'''Quick start to TAChart''']] | <li>[[TAChart QuickStart|'''Quick start to TAChart''']] | ||
<li>[[TAChart FindAnswer|'''How to find answers to questions''']] | <li>[[TAChart FindAnswer|'''How to find answers to questions''']] | ||
Line 15: | Line 15: | ||
<li>D | <li>D | ||
</ul> | </ul> | ||
− | <p class="mw-customtoggle- | + | <p class="mw-customtoggle-series" style="color:blue;margin-left:20px;">'''Working the Series'''</p> |
− | <ul class="mw-collapsible mw-collapsed" id="mw-customcollapsible- | + | <ul class="mw-collapsible mw-collapsed" id="mw-customcollapsible-series"> |
+ | <li>[[TAChart QuickStart|'''Quick start to TAChart''']] | ||
+ | <li>[[TAChart FindAnswer|'''How to find answers to questions''']] | ||
+ | <li>C | ||
+ | <li>D | ||
+ | </ul> | ||
+ | <p class="mw-customtoggle-axes" style="color:blue;margin-left:20px;">'''Managing Axes'''</p> | ||
+ | <ul class="mw-collapsible mw-collapsed" id="mw-customcollapsible-axes"> | ||
+ | <li>[[TAChart QuickStart|'''Quick start to TAChart''']] | ||
+ | <li>[[TAChart FindAnswer|'''How to find answers to questions''']] | ||
+ | <li>C | ||
+ | <li>D | ||
+ | </ul> | ||
+ | <p class="mw-customtoggle-components" style="color:blue;margin-left:20px;">'''The component suite'''</p> | ||
+ | <ul class="mw-collapsible mw-collapsed" id="mw-customcollapsible-components"> | ||
<li>[[TAChart QuickStart|'''Quick start to TAChart''']] | <li>[[TAChart QuickStart|'''Quick start to TAChart''']] | ||
<li>[[TAChart FindAnswer|'''How to find answers to questions''']] | <li>[[TAChart FindAnswer|'''How to find answers to questions''']] |
Revision as of 02:24, 28 January 2014
! Updating in progress !
Introduction
Understanding the Chart
Working the Series
Managing Axes
The component suite
Lorem ipsum dolor sit amet...
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 20140128022401 | ||
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