Template:Show

From Nordic Larp Wiki
Jump to navigation Jump to search
Header
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.

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!

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!

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!

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!

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!

See also