Module:Clade hidden

File:Test Template Info-Icon - Version (2).svg Module documentation[view] [edit] [history] [purge]

Creates an interactive clade element that is collapsible. The initial state can be collapsed (hidden) or expanded (visible). Interactivity is achieved by clicking appropriate symbols in the cladogram (e.g. ⊞ or ⊟) or custom interactive elements can be added externally with {{clade toggle}}.

This feature is intended to be used sparsely on large clagograms where the whole structure cannot be seen in the screen window.

Parameters

Parameters as {{clade}} with the addition of the following:

• |expanded=true – sets initial state to expanded (default: hidden)
• |id= – id to control interactivity; use unique ids for independent behaviour or same ids for shared behaviour
• |expand-symbol= – symbol for expansion (e.g. ⊞ --> ⊞ or ⨁ --> ⨁)
• |collapse-symbol= – symbol for collapsing (e.g. ⊟ --> ⊟ or ⨂ -->⨂)
• |mode=left – position of collapse symbol (left or right of the clade content; default: left)
• |expand-text=(expand text) – text to replace hidden content
• |collapse-text=(collapse text) – text to show with collapse symbol (when |mode=right)

Development note: The behaviour of the hidden element when in mobile mode or with javascript disable is controlled in {{clade hidden/styles.css}}. The currentl behaviour is to hide the symbols and leave the expanded content. The following CSS code can hide the content in these modes. However there are currently a couple of issues: width of labels on collapsed elements if on dummy clade; initial state of content when |expanded=true.

<syntaxhighlight lang="wikitext">table.clade td.clade-interactive div.mw-collapsible-content { display:none; }</syntaxhighlight>

Examples

The above documentation is transcluded from Module:Clade hidden/doc. (edit | history)
Editors can experiment in this module's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this module.