Template:Hidden begin

From Wayne County (OH) Wiki
Jump to navigation Jump to search
50px Template documentation[view] [edit] [history] [purge]
This documentation is shared by {{Hidden begin}} and {{Hidden end}}.

Syntax[edit source]

{{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 source]

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).

Examples[edit source]

Example 1[edit source]

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

Example 2[edit source]

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

Example 3[edit source]

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

Example 4[edit source]

{{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 source]

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

Example 6[edit source]

{{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 source]

{{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 source]

{{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 source]