Template:Hidden begin
Revision as of 18:34, 24 February 2022 by LaneFrost23 (talk | contribs)
Template documentation| 40px | 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. |
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
{{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
| 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
Example 1
{{Hidden begin |title=Default example}}
* def
* ghi
{{Hidden end}}
Default example
- def
- ghi
Example 2
{{Hidden begin |title=width example |width=40%}}
* def
* ghi
{{Hidden end}}
Width example
- def
- ghi
Example 3
{{Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
}}
* def
* ghi
{{Hidden end}}
titlestyle is "background:pink;"
- def
- ghi
Example 4
{{Hidden begin
| titlestyle = background:pink;
| title = added "ta1=center"
| ta1 = center
}}
* def
* ghi
{{Hidden end}}
added "ta1=center"
- def
- ghi
Example 5
{{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 6
{{Hidden begin |showhide=left |expanded=true
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left" and ''expanded'' set to "true"
}}
* def
* ghi
{{Hidden end}}
showhide set to "left" and expanded set to "true"
- def
- ghi
Example 7
{{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
{{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}}
[header (deprecated)][title set to this text]
- make window narrower and
- title will wrap
Example 9
{{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}}
