Template:Hidden

From Biowikifarm Metawiki
Jump to: navigation, search
{{{1}}}

{{{2}}}

[edit] Template documentation

Usage

This template creates collapsible parts. Template parameter are:

  • header or 1 → text of header
  • headerstyle → CSS for the header
  • content or 2 → text of content
  • contentstyle, contentclass → CSS style or class for the content
  • class → CSS class for the entire box
  • toggle position = left → alters the position of the toggler to being left
  • not collapsed → any value (the box will be opend on initialisation)

Examples:

{{Hidden | header text without equal sign |content text without equal sign
 typewriter text}}
header text without equal sign

content text without equal sign

typewriter text

→ the content text becomes formatted as wiki text


{{Hidden | header= header text | content = content text}}
header text

content text


{{Hidden | headerstyle= text-align:center; | header= header text | content = content text}}
header text

content text


{{Hidden | header= header text | content = content text | contentstyle= text-align:justify; }}
header text

content text


Some text around here {{Hidden | header = Title | toggle text = Show UML diagram / Hide UML diagram | content = content text}}
Some text around here
Title

content text


Some text around here {{Hidden | header = Title | content = content text | toggle text = + / − | toggle position = left}}
Some text around here
Title

content text


{{Hidden | header = Some text here … | content = content text | class = toccolours border-round | toggle text = + / − | toggle position = left}}
Some text here …

content text


{{Hidden | header = Some text here … | content = content text not collpsed | class = toccolours border-round | not collapsed = yes}}
Some text here …

content text not collpsed


Technical documentation

CSS-dependencies:

.border-round { /* optional */
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em; 
  -o-border-radius:0.5em; 
  -khtml-border-radius:0.5em; 
  border-radius:0.5em;
}
/* for toggle position */
div.mw-collapsible.force-toggle-float-left span.mw-collapsible-toggle {
  clear:right; float:left;margin-right:0.2em;
}