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