Modèle:Hidden/doc

From FloraWiki - le wiki sur la Flore Suisse
Jump to: navigation, search

Usage

This template creates collapsible parts. Template parameter are:

1= or header= 
the title, header
2= or content= 
the (hidden) content
headerstyle= and contentstyle= 
CSS for the header or the content
class= 
CSS class for the entire box
toggle text= and toggle position =
a text for the toggle-link and a non-default position (“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


{{Hidden | header = Some text here … | content =long text, long text… |contentstyle=border-left:1px solid #cccccc;padding-left:1ex;| toggle position = left}}
Some text here …

long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text


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;
}