Jump to content

Template:Hidden begin/doc

Unchecked
From Wikipedia

Syntax

[edit]
{{Hidden begin
| expanded =  <!--"true", "on", yes", etc, otherwise omit-->
| showhide =  <!--"left", otherwise omit-->
| border = 
| style = 
| titlestyle = 
| title = 
| contentstyle = 
<!--Older, semi-deprecated parameters:-->
|header= |bg1= |bg2= |ta1= |ta2= |extra1= |extra2=
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}

Parameters

[edit]
ParameterDescription
showhideSet to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left.
expandedSet to anything ("true", "yes", etc) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible).
borderCSS styling for border around entire area. Overridden by style (if used).
styleCSS styling affecting entire area (titlebar and hidden/hideable content). Overrides border if used.
titlestyleCSS 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).
titleText shown in titlebar.
contentstyle CSS styling to apply to the hidden material (e.g. background and text-align, per titlestyle).

Examples

[edit]

Example 1

[edit]
{{Hidden begin |title=Default example}}
*def
*ghi
{{Hidden end}}

Example 2

[edit]
{{Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
}}
*def
*ghi
{{Hidden end}}

Example 3

[edit]
{{Hidden begin
| titlestyle = background:pink; text-align:center;
| title = added "text-align:center;"
}}
*def
*ghi
{{Hidden end}}

Example 4

[edit]
{{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}}

Example 5

[edit]
{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left"
}}
*def
*ghi
{{Hidden end}}

Example 6

[edit]
{{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}}

Example 7

[edit]
{{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}}

Example 8

[edit]
{{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}}

See also

[edit]