Template:Show: Difference between revisions
w>Frietjes No edit summary |
(No difference)
|
Revision as of 13:20, 9 February 2018
Template documentation
|
---|
Note: portions of the template sample may not be visible without values provided. |
View or edit this documentation. (About template documentation) |
Editors can experiment in this template's sandbox and test case pages. |
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
Unnamed parameters
{{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
{{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
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
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
{| 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. |