Template:Clade hidden

root	Unhidden Leaf Hidden clade ⊞ ⊟ Leaf1 Leaf2

root	Unhidden Leaf Collapsible clade ⨁(expand text) Leaf1 Leaf2 ⨂(collapse text)

File:Test Template Info-Icon - Version (2).svg Template 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.

table.clade td.clade-interactive  div.mw-collapsible-content { display:none; }

Examples

Code	Output
{{Clade |label1=root |1={{Clade |1=Unhidden Leaf |label2=Hidden clade |2={{Clade hidden |id=1 |1=Leaf1 |2=Leaf2 }} }} }}	root Unhidden Leaf Hidden clade ⊞ Leaf1 Leaf2 ⊟
{{Clade |label1=root |1={{Clade |1=Unhidden Leaf |label2=Collapsible clade |2={{Clade hidden |id=2 <!-- clade hidden parameters --> |expanded=true |mode=right |expand-text=(expand text) |collapse-text=(collapse text) |expand-symbol=&#10753; |collapse-symbol=&#10754; |1=Leaf1 <!-- standard clade parameters --> |2=Leaf2 }} }} }}	root Unhidden Leaf Collapsible clade ⨁(expand text) Leaf1 Leaf2 ⨂(collapse text)

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