Difference between revisions of "Template:Hidden begin/doc"
From MansunWiki
(Created page with "<includeonly>{{#invoke:Hatnote|hatnote}}</includeonly><noinclude> {{documentation}} <!-- Categories go on the /doc subpage, and interwikis go on Wikidata. --> </noinclude>") |
m |
||
| Line 1: | Line 1: | ||
| − | < | + | {{Documentation subpage}} |
| − | {{ | + | {{hatnote|This documentation is shared by {{tl|Hidden begin}} and {{tl|Hidden end}}.}} |
| − | < | + | {{TOC limit|2}} |
| − | </ | + | ==Syntax== |
| + | |||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin | ||
| + | | expanded = <!--"true", "on", yes", etc, otherwise omit--> | ||
| + | | showhide = <!--"left", otherwise omit--> | ||
| + | | border = | ||
| + | | style = | ||
| + | | titlestyle = | ||
| + | | title = | ||
| + | | contentstyle = | ||
| + | |bg1= | ||
| + | |bg2= | ||
| + | |ta1= | ||
| + | |ta2= | ||
| + | <!--Older, semi-deprecated parameters:--> | ||
| + | |header= |extra1= |extra2= | ||
| + | }} | ||
| + | <!----[content to be hidden placed here]----> | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | |||
| + | ===Parameters=== | ||
| + | {| class="wikitable" | ||
| + | ! Parameter || Description | ||
| + | |- | ||
| + | | ''showhide''<!--previously: <br />or ''toggle''--> || Set to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left. | ||
| + | |- | ||
| + | | ''expanded'' || Set to anything ("true", "yes", etc) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible). | ||
| + | |- | ||
| + | | ''border'' || [[Cascading Style Sheets|CSS styling]] for border around entire area. Overridden by ''style'' (if used). | ||
| + | |- | ||
| + | | ''style'' || CSS styling affecting entire area (titlebar and hidden/hideable content). Overrides ''border'' if used. | ||
| + | |- | ||
| + | |style="vertical-align:top;"| ''titlestyle'' || CSS styles to apply to the titlebar (e.g. {{para|titlestyle|border:1px solid lightgrey;}} to produce a border around it; {{para|titlestyle|background:''color'';}} to set its background color to [[Web colors#X11 color names|''color'']] ; {{para|titlestyle|text-align:[center/right];}} to switch its text (''title'')'s alignment from left to center or right; etc). | ||
| + | |- | ||
| + | | ''title'' || Text shown in titlebar. | ||
| + | |- | ||
| + | | ''contentstyle'' || CSS styling to apply to the hidden material (e.g. background and text-align, per ''titlestyle''). | ||
| + | |- | ||
| + | | ''bg1'' || background color for all; defaults to transparent | ||
| + | |- | ||
| + | | ''bg2'' || background color for content; defaults to transparent | ||
| + | |- | ||
| + | | ''ta1'' || text alignment for all; defaults to left | ||
| + | |- | ||
| + | | ''ta2'' || text alignment for content; defaults to left | ||
| + | |} | ||
| + | |||
| + | ==Examples== | ||
| + | ===Example 1=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin |title=Default example}} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Default example}} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 2=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin | ||
| + | | titlestyle = background:pink; | ||
| + | | title = ''titlestyle'' is "background:pink;" | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| + | | titlestyle = background:pink; | ||
| + | | title = ''titlestyle'' is "background:pink;" | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 3=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin | ||
| + | | titlestyle = background:pink; text-align:center; | ||
| + | | title = added "text-align:center;" | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| + | | titlestyle = background:pink; text-align:center; | ||
| + | | title = added "text-align:center;" | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 4=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin | ||
| + | | titlestyle = background:pink; text-align:right; padding-right:3.0em; | ||
| + | | title = ''title'' on right with 3.0em padding | ||
| + | }} | ||
| + | * change window width and | ||
| + | * watch title alignment | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| + | | titlestyle = background:pink; text-align:right; padding-right:3.0em; | ||
| + | | title = ''title'' on right with 3.0em padding | ||
| + | }} | ||
| + | * change window width and | ||
| + | * watch title alignment | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 5=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin |showhide=left | ||
| + | | titlestyle = background:palegreen; | ||
| + | | title = ''showhide'' set to "left" | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left | ||
| + | | titlestyle = background:palegreen; | ||
| + | | title = ''showhide'' set to "left" | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 6=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin |showhide=left | ||
| + | | titlestyle = background:palegreen; | ||
| + | | title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'') | ||
| + | | contentstyle = font-size:150%; font-weight:bold; | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left | ||
| + | | titlestyle = background:palegreen; | ||
| + | | title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'') | ||
| + | | contentstyle = font-size:150%; font-weight:bold; | ||
| + | }} | ||
| + | * def | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 7=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin | ||
| + | | header = [''header'' (deprecated)] | ||
| + | | titlestyle = font-style:italic; padding-right:3.0em; | ||
| + | | title = [''title'' set to this text] | ||
| + | | border = 1px solid grey | ||
| + | | bg1 = palegreen | ||
| + | | bg2 = cyan | ||
| + | | ta1 = left | ||
| + | | ta2 = center | ||
| + | | extra1 = font-size:120% | ||
| + | | extra2 = font-size:150% | ||
| + | }} | ||
| + | * make window narrower and | ||
| + | * title will wrap | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| + | | header = [''header'' (deprecated)] | ||
| + | | titlestyle = font-style:italic; padding-right:3.0em; | ||
| + | | title = [''title'' set to this text] | ||
| + | | border = 1px solid grey | ||
| + | | bg1 = palegreen | ||
| + | | bg2 = cyan | ||
| + | | ta1 = left | ||
| + | | ta2 = center | ||
| + | | extra1 = font-size:120% | ||
| + | | extra2 = font-size:150% | ||
| + | }} | ||
| + | * make window narrower and | ||
| + | * title will wrap | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ===Example 8=== | ||
| + | <pre style="overflow:auto;"> | ||
| + | {{Hidden begin | ||
| + | | titlestyle = | ||
| + | | title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp; | ||
| + | | border = 1px solid red | ||
| + | | bg1 = cyan | ||
| + | | bg2 = yellow | ||
| + | | ta1 = right | ||
| + | | ta2 = left | ||
| + | | extra1 = font-size:120%; padding-right:2.5em; | ||
| + | | extra2 = font-size:150%; padding-left:3.0em; | ||
| + | }} | ||
| + | * def ... these should have left padding | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | </pre> | ||
| + | {{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} | ||
| + | | titlestyle = | ||
| + | | title = title with non-breaking spaces | ||
| + | | border = 1px solid red | ||
| + | | bg1 = cyan | ||
| + | | bg2 = yellow | ||
| + | | ta1 = right | ||
| + | | ta2 = left | ||
| + | | extra1 = font-size:120%; padding-right:2.5em; | ||
| + | | extra2 = font-size:150%; padding-left:3.0em; | ||
| + | }} | ||
| + | * def ... these should have left padding | ||
| + | * ghi | ||
| + | {{Hidden end}} | ||
| + | |||
| + | ==See also== | ||
| + | * {{tl|Hidden}} | ||
| + | |||
| + | <includeonly>{{basepage subpage | ||
| + | | <!-- ADD CATEGORIES BELOW THIS LINE --> | ||
| + | [[Category:Collapse templates]] | ||
| + | }}</includeonly> | ||
Latest revision as of 19:47, 15 July 2015
{{#invoke:Hatnote|hatnote}}
Syntax
{{Hidden begin
| expanded = <!--"true", "on", yes", etc, otherwise omit-->
| showhide = <!--"left", otherwise omit-->
| border =
| style =
| titlestyle =
| title =
| contentstyle =
|bg1=
|bg2=
|ta1=
|ta2=
<!--Older, semi-deprecated parameters:-->
|header= |extra1= |extra2=
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}
Parameters
| Parameter | Description |
|---|---|
| showhide | Set to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left. |
| expanded | Set to anything ("true", "yes", etc) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible). |
| border | CSS styling for border around entire area. Overridden by style (if used). |
| style | CSS styling affecting entire area (titlebar and hidden/hideable content). Overrides border if used. |
| titlestyle | CSS styles to apply to the titlebar (e.g. |titlestyle=border:1px solid lightgrey; to produce a border around it; |titlestyle=background:color; to set its background color to color ; |titlestyle=text-align:[center/right]; to switch its text (title)'s alignment from left to center or right; etc).
|
| title | Text shown in titlebar. |
| contentstyle | CSS styling to apply to the hidden material (e.g. background and text-align, per titlestyle). |
| bg1 | background color for all; defaults to transparent |
| bg2 | background color for content; defaults to transparent |
| ta1 | text alignment for all; defaults to left |
| ta2 | text alignment for content; defaults to left |
Examples
Example 1
{{Hidden begin |title=Default example}}
* def
* ghi
{{Hidden end}}
Default example
- def
- ghi
Example 2
{{Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
}}
* def
* ghi
{{Hidden end}}
titlestyle is "background:pink;"
- def
- ghi
Example 3
{{Hidden begin
| titlestyle = background:pink; text-align:center;
| title = added "text-align:center;"
}}
* def
* ghi
{{Hidden end}}
added "text-align:center;"
- def
- ghi
Example 4
{{Hidden begin
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
| title = ''title'' on right with 3.0em padding
}}
* change window width and
* watch title alignment
{{Hidden end}}
title on right with 3.0em padding
- change window width and
- watch title alignment
Example 5
{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left"
}}
* def
* ghi
{{Hidden end}}
showhide set to "left"
- def
- ghi
Example 6
{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'')
| contentstyle = font-size:150%; font-weight:bold;
}}
* def
* ghi
{{Hidden end}}
showhide=left, hidden content 150% size and in bold (contentstyle)- def
- ghi
Example 7
{{Hidden begin
| header = [''header'' (deprecated)]
| titlestyle = font-style:italic; padding-right:3.0em;
| title = [''title'' set to this text]
| border = 1px solid grey
| bg1 = palegreen
| bg2 = cyan
| ta1 = left
| ta2 = center
| extra1 = font-size:120%
| extra2 = font-size:150%
}}
* make window narrower and
* title will wrap
{{Hidden end}}
[header (deprecated)][title set to this text]
- make window narrower and
- title will wrap
Example 8
{{Hidden begin
| titlestyle =
| title = title with non-breaking spaces
| border = 1px solid red
| bg1 = cyan
| bg2 = yellow
| ta1 = right
| ta2 = left
| extra1 = font-size:120%; padding-right:2.5em;
| extra2 = font-size:150%; padding-left:3.0em;
}}
* def ... these should have left padding
* ghi
{{Hidden end}}
title with non-breaking spaces
- def ... these should have left padding
- ghi
See also
- {{Hidden}}