Template:Show/sandbox
 | This is the template sandbox page for Template:Show (diff). See also the companion subpage for test cases. |
This template is for use when you wish to minimise information to be expanded at the user's discretion. Use sparingly, it does not work on mobile. For reduced post-expand include size, the 2nd numbered parameter (content) is optional. If omitted, {{show end}} should be used following the content text.
Usage
[edit]Unnamed parameters
[edit]{{show
|Header!
|Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
Numbered parameters
[edit]{{show
|1=Header!
|2=Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Use with "Show end"
[edit]{{show
|Header!}}
Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
{{show end}}
Output:
Content! This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
Alignment parameters
[edit]The horizontal alignment of the header text and content text can be manipulated using the parameters |head-align= and |content-align=. Valid options are left (default), center, or right. Do not use quotes (i.e. not "center") or the color of the header may change. Also, while |head-align=right is possible, it causes the header to overlap with the [show] button.
{{show
|head-align = center
|content-align = right
|1 = Header!
|2 = Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Style parameters
[edit]The default CSS styling may be changed using the parameters |frame-style=, |head-style=, and |content-style=.
{{show
|frame-style = border: 1px solid silver; padding: 0.3em;
|head-style = background-color: #AADDAA; text-align: center;
|content-style = background-color: #CCFFCC; text-align: right;
|1 = Header!
|2 = Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.
}}
Output:
Usage in a table
[edit]{| class="wikitable" width=300px
|-
|
{{show
|Header!
|Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button.}}
|}
...Yields this:
|
Header! Content!
This information here will not show until you click the "show" button. It's then hidden by collapsing the section when you press "hide" button. |