Template:Spoiler

From Step Mods | Change The Game

Forum Topic

Purpose & Usage

This allows a title to be clicked like a spoiler to show expandedhidden content beneath the title.

Template parameters

ParameterDescriptionTypeStatus
marginmargin

Sets Bootstrap left margin for indentation.

Suggested values
2 3 4
Default
0
Example
Valid values are integers 1-5
Numberoptional
shownshown

The instruction title

Example
Descriptive title like: "Steps to Perform Clean Install"
Stringrequired
hiddenhidden

Expanded content

Example
Assorted content (list, paragraph, etc.)
Contentrequired

Examples

Code:

{{Spoiler|shown=Instructions|hidden=Hidden content}}

Result:

➕ [Click to show]➖ [Click to hide] Instructions
Hidden content

Code:

{{Spoiler|margin=2|shown=Indenting|hidden=Use this optional parameter for indenting spoilers, because wikitext cannot be used as such.}}
{{Spoiler|margin=3|shown=Practical Indentation Values|hidden=This site uses Boostrap for consistency, so the only valid values are 1-5. The only practical values are 2, 3, or 4.}}
{{Spoiler|margin=4|shown=Default Value|hidden=The default value is 0 (no indentation) if this optional parameter is omitted.}}

Result:

➕ [Click to show]➖ [Click to hide] Indenting
Use this optional parameter for indenting spoilers, because wikitext cannot be used as such.
➕ [Click to show]➖ [Click to hide] Practical Indentation Values
This site uses Boostrap for consistency, so the only valid values are 1-5. The only practical values are 2, 3, or 4.
➕ [Click to show]➖ [Click to hide] Default Value
The default value is 0 (no indentation) if this optional parameter is omitted.

Code:

{{Spoiler|shown=Procedure|hidden=# Beginning with a list now works.
#*You can nest different types of lists.
#*:It Just Works!}}

Result:

➕ [Click to show]➖ [Click to hide] Procedure
  1. Beginning with a list now works.
    • You can nest different types of lists.
      It Just Works!

Code:

{{Spoiler|shown=A Process|hidden= ===Include a heading===
Headings work on the first line with no extra things in front of it.}}

Result:

➕ [Click to show]➖ [Click to hide] A Process

Include a heading

Headings now work on the first line with no extra things in front of it.

Known Issues

  • Incompatible with CSS extension

See Also