Template:Show

From TechInfoDepot
Jump to navigationJump to search
Header
Content
Documentation icon Template documentation[view] [edit] [history] [purge]

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

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:

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.

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:

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.

Use with "Show end"

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

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.

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:

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.

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:

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.

Usage in a table

Template:Show/Table usage

See also