Template:Hidden end
File:Test Template Info-Icon - Version (2).svg Template documentation[view] [edit] [history] [purge]
.svg){kind=link}
| Warning | This template is used on approximately 169,000 pages. To avoid major disruption and server load, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can be added to this page in a single edit. Consider discussing changes on the talk page before implementing them. |
| Collapsible templates | ||||
|---|---|---|---|---|
| ||||
| Article namespace | ||||
| ||||
| Infoboxes | ||||
| Navigation templates | ||||
| Talk namespace | ||||
Do not use this template to hide content in articles. This violates the WP:Manual of Style § Scrolling lists and collapsible content and WP:Accessibility guidelines. This template is intended for use in pages in namespaces other than the article namespace.
Note: This template does not hide anything for mobile users (phab:T111565).
Syntax[change]
{{Hidden begin
| expanded = <!--"true", "on", yes", etc, otherwise omit-->
| showhide = <!--"left", otherwise omit-->
| class =
| style =
| border =
| title =
| titlestyle =
| bg1 =
| ta1 =
| contentstyle =
| bg2 =
| ta2 =
<!--Older, semi-deprecated parameters:-->
| header = | extra1 = | extra2 =
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}
Parameters[change]
| 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). |
| class | Class attribute affecting entire area. |
| style | CSS styling affecting entire area (titlebar and hidden/hideable content). |
| border | CSS styling for border around entire area. Will be overridden by any border styles in style. |
| title | Text shown in titlebar. |
| 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.).
|
| bg1 | Background color for titlebar; defaults to transparent. May be overridden if titlestyle includes anything that changes the background. |
| ta1 | Text alignment for titlebar; defaults to left. May be overridden if titlestyle includes anything that changes the text alignment. |
| contentstyle | CSS styling to apply to the hidden/hideable content (e.g. background and text-align, per titlestyle). |
| bg2 | Background color for content; defaults to transparent. May be overridden if contentstyle includes anything changes the background. |
| ta2 | Text alignment for content; defaults to left. May be overridden if contentstyle includes anything that changes the text alignment. |
| width | Change the width from the default 100% to another setting, for example 75% |
Examples[change]
Example 1[change]
<syntaxhighlight lang="moin" style="overflow:auto;">
Default example
* def * ghi
</syntaxhighlight>
Default example
- def
- ghi
Example 2[change]
<syntaxhighlight lang="moin" style="overflow:auto;">
width example
* def * ghi
</syntaxhighlight>
Width example
- def
- ghi
Example 3[change]
<syntaxhighlight lang="moin" style="overflow:auto;">
titlestyle is "background:pink;"
* def * ghi
</syntaxhighlight>
titlestyle is "background:pink;"
- def
- ghi
Example 4[change]
<syntaxhighlight lang="moin" style="overflow:auto;">
added "ta1=center"
* def * ghi
</syntaxhighlight>
added "ta1=center"
- def
- ghi
Example 5[change]
<syntaxhighlight lang="moin" style="overflow:auto;">
title on right with 3.0em padding
* change window width and * watch title alignment
</syntaxhighlight>
title on right with 3.0em padding
- change window width and
- watch title alignment
Example 6[change]
<syntaxhighlight lang="moin" style="overflow:auto;">
showhide set to "left" and expanded set to "true"
* def * ghi
</syntaxhighlight>
showhide set to "left" and expanded set to "true"
- def
- ghi
Example 7[change]
{{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 8[change]
{{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
| ta1 = right
| extra1 = font-size:120%; <!--semicolon required since titlestyle is used-->
| extra2 = font-size:150% <!--semicolon optional when contentstyle not used-->
}}
* make window narrower and
* title will wrap
{{Hidden end}}
[title set to this text]
- make window narrower and
- title will wrap
Example 9[change]
<syntaxhighlight lang="text" style="overflow:auto;">
title with non-breaking spaces
- def ... these should have left padding
- ghi
</syntaxhighlight>
title with non-breaking spaces
- def ... these should have left padding
- ghi
See also[change]
- {{Hidden}}