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