Difference between revisions of "Template:Collapse top/en"
Jump to navigation
Jump to search
Template:Collapse top/en (view source)
Revision as of 07:00, 1 November 2020
, 07:00, 1 November 2020Updating to match new version of source page
>FuzzyBot (Updating to match new version of source page) |
>FuzzyBot (Updating to match new version of source page) |
||
Line 1: | Line 1: | ||
<noinclude> | <noinclude><languages /> | ||
<languages /> | </noinclude>{{#switch: | ||
</noinclude>{{#switch: | | = <!-- | ||
| = | --><div style="display:{{{display|block}}};margin-{{dir|{{pagelang}}|right|left}}:{{{indent|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section | ||
<div style="display:{{{display|block}}}; margin-{{dir|{{pagelang}}|right|left}}:{{{indent| | --><table class="navbox mw-collapsible {{#if:{{{expand|}}} | ||
<table class="navbox mw-collapsible {{#if:{{{expand|}}}||mw-collapsed}}" style="background:{{{bg1|transparent} | || mw-collapsed | ||
<tr> | }}" style="margin-top:.2em;background:{{{bg1|transparent}}};border:{{{border|1px}}} solid {{{b-color|silver}}};text-align:{{dir|{{pagelang}}|right|left}};{{#if:{{{width|}}} | ||
<th style="background | | width:{{{width}}} | ||
{{#if:{{{warning|{{{2|}}}}}} | }}"><tr><th style="font-size:112%;background:{{{bg|#F8FCFF}}};color:{{{fc|black}}};text-align:{{#if:{{{left|}}} | ||
|< | | {{dir|{{pagelang}}|right|left}} | ||
| center | |||
}}">{{{1|{{{title|{{{reason|{{{header|{{{heading|Extended content}}}}}}}}}}}}}}}</th></tr><!-- | |||
-->{{#if:{{{warning|{{{2|}}}}}} | |||
}} | | <tr><td style="text-align:center;font-style:italic">{{{2|The following is a closed debate. {{Strong | ||
| style = color:red | |||
<td style=" | | 1 = Please do not modify it. | ||
| #default= | }}}}}</td></tr> | ||
}}<!-- | |||
--><tr><td style="font-size:112%;background:{{{bg2|white}}};border:solid {{{border2|1px silver}}};padding:{{{padding|8px}}}"> | |||
|#default =<!-- | |||
-->{{#invoke:Template translation|renderTranslatedTemplate|template=Template:Collapse top|noshift=1}} | |||
}}<noinclude> | }}<noinclude> | ||
<div style="width:100%; text-align:center">''The following content has been placed in a collapsed box for improved usability.''</div> | <div style="width:100%;text-align:center">''The following content has been placed in a collapsed box for improved usability.''</div> | ||
{{Collapse bottom}} | {{Collapse bottom}} | ||
{{Documentation|content= | {{Documentation|content= | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
The {{ | The {{Tlx|Collapse top}} template, and its paired template {{Tlx|Collapse bottom}}, are used for placing a collapse box around a talk page discussion. | ||
</div> | |||
== Usage == | == Usage == | ||
Place {{ | <span lang="en" dir="ltr" class="mw-content-ltr">Place {{Tlx|Collapse top}} and {{Tlx|Collapse bottom}} around the text to be collapsed.</span> | ||
<span lang="en" dir="ltr" class="mw-content-ltr">For example:</span> | |||
< | <syntaxhighlight lang="html5"> | ||
{{Collapse top|title=This is the title text}} | |||
Sample contents text | Sample contents text | ||
{{ | {{Collapse bottom}} | ||
</syntaxhighlight> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
produces: | produces: | ||
{{ | </div> | ||
{{Collapse top|title=This is the title text}} | |||
Sample contents text | Sample contents text | ||
{{ | {{Collapse bottom}} | ||
{{ | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
{{Tlx|Collapse bottom}} should always be placed on its own line. | |||
</div> | |||
== Parameters == | == Parameters == | ||
This template takes the following parameters, all of which are optional. They are case-sensitive. Those that take CSS measurements require them in CSS format (e.g. <code style="color: #006400 | <span lang="en" dir="ltr" class="mw-content-ltr">This template takes the following parameters, all of which are optional.</span> | ||
<span lang="en" dir="ltr" class="mw-content-ltr">They are case-sensitive.</span> | |||
<span lang="en" dir="ltr" class="mw-content-ltr">Those that take CSS measurements require them in CSS format (e.g. <code style="color: #006400">1em</code> not <code style="color:#8B0000">1 em</code>.</span> | |||
;{{ | ; {{Para|1}} <span style="font-weight:normal"><span lang="en" dir="ltr" class="mw-content-ltr">(or first unnamed parameter)</span></span>, {{Para|title}}, {{Para|reason}}, {{Para|header}}, {{Para|heading}} | ||
: <span lang="en" dir="ltr" class="mw-content-ltr">Will give the collapsed box a title, which occurs on the same line as the ''show'' link and is always visible.</span> <span lang="en" dir="ltr" class="mw-content-ltr">It defaults to "Extended content".</span> | |||
;{{ | : <span lang="en" dir="ltr" class="mw-content-ltr">For example, <code><nowiki>{{Collapse top|title=This is the title text}}</nowiki></code> or <code><nowiki>{{Collapse top|This is the title text}}</nowiki></code>.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Note: The shorter, unnamed markup will not work if the title value contain an equals (<code>=</code>) character.</span> | ||
; {{Para|warning|yes}} | |||
;{{ | : <span lang="en" dir="ltr" class="mw-content-ltr">Will display a default warning line under the main title which reads "The following is a closed debate.</span> <span lang="en" dir="ltr" class="mw-content-ltr">{{Strong|style=color:red|Please do not modify it.}}"</span> | ||
: <span lang="en" dir="ltr" class="mw-content-ltr">Any non-empty value supplied to this parameter will have this effect (i.e. {{Para|warning|<span style="color:red">no</span>}} will not work as expected).</span> | |||
; {{Para|2}} <span style="font-weight:normal"><span lang="en" dir="ltr" class="mw-content-ltr">(or second unnamed parameter)</span></span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">This is optional warning-line text.</span> <span lang="en" dir="ltr" class="mw-content-ltr">It will override the standard warning line above; it is not necessary to also use {{Para|warning|yes}} in this case, though doing so is harmless.</span> | |||
; {{Para|left|yes}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Will align the title along the left margin (in RTL languages, along the right margin instead).</span> | |||
;{{ | : <span lang="en" dir="ltr" class="mw-content-ltr">By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link.</span> | ||
: <span lang="en" dir="ltr" class="mw-content-ltr">Any non-empty value supplied to this parameter will have this effect (i.e. {{Para|left|<span style="color:#8B0000">no</span>}} will not work as expected).</span> | |||
;{{ | ; {{Para|expand|yes}} | ||
;{{ | : <span lang="en" dir="ltr" class="mw-content-ltr">Will leave the material uncollapsed with the border and coloring.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Default is to collapse the material.</span> | ||
: <span lang="en" dir="ltr" class="mw-content-ltr">Any non-empty value supplied to this parameter will have this effect (i.e. {{Para|expand|<span style="color:#8B0000">no</span>}} will not work as expected).</span> | |||
; {{Para|bg}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the background color of the title of the collapsible bar.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to "#F8FCFF", a whitish color.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Named colors are listed at [[List of colors]].</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">For example, <code><nowiki>{{Collapse top|This is the title text|bg=#008000}}</nowiki></code> or <code><nowiki>{{Collapse top|This is the title text|bg=green}}</nowiki></code> (numeric HTML color codes require the leading <code>#</code>).</span> | |||
; {{Para|fc}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the font color of the title of the collapsible bar.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to "black".</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span> | |||
; {{Para|border}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the width of the border line on the collapsed material.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to <code>1px</code>.</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">For example, <code><nowiki>{{Collapse top|border=2px}}</nowiki></code>; going much thicker than this is not very useful.</span> | |||
; {{Para|b-color}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the border color.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to <code>silver</code> (<code>#C0C0C0</code>).</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span> | |||
; {{Para|padding}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the padding (distance from borders) on the collapsed material inside the colored area.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to <code>8px</code>.</span> | |||
; {{Para|width}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the width of the overall template relative to the page (or a block element containing the collapse box).</span> <span lang="en" dir="ltr" class="mw-content-ltr">This should virtually always be given as a percentage, e.g. {{Para|width|50%}}, or in relative <code>em</code> units, e.g. {{Para|width|30em}}.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Pixel-based values should be avoided, as they are effectively meaningless – the result will be different depending on each user's browser and local CSS settings (which browser and operating system it is, zoom level, font sizes, etc.).</span> | |||
; {{Para|border2}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the properties of the border of the box that appears when template is expanded.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to <code>1px silver</code> (there is no provision to change from a solid line).</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">For example, <code><nowiki>{{Collapse top|border2=2px}}</nowiki></code> (only width or color will be changed if only one value is supplied).</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span> | |||
; {{Para|bg2}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Sets the background color of the box that appears when template is expanded; defaults to <code>white</code> (<code>#FFF</code>).</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span> | |||
; {{Para|indent}} | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Indents the box from the left of the page.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Defaults to no indentation.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Each <code>:</code> in talk page markup is approximately equivalent to <code>1.6em</code> of indent (e.g., to match <code>::::</code> indentation level, use {{Para|indent|6.4em}}.</span> <span lang="en" dir="ltr" class="mw-content-ltr">You can also use a percentage value.</span> | |||
: <span lang="en" dir="ltr" class="mw-content-ltr">Pixel-based values should be avoided (see {{Para|width}}, above, for the reason).</span> | |||
== Examples == | == Examples == | ||
* Adding a box title (if omitted, default is | * <span lang="en" dir="ltr" class="mw-content-ltr">Adding a box title (if omitted, default is "Extended content")</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text}}</syntaxhighlight> | ||
{{ | |||
{{ | {{Collapse top|This is the title text}} | ||
{{ | {{Lorem ipsum}} | ||
* Adding a standard warning line | {{Collapse bottom}} | ||
{{ | |||
{{ | * <span lang="en" dir="ltr" class="mw-content-ltr">Adding a standard warning line</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text|warning=true}}</syntaxhighlight> | ||
{{ | |||
* Adding a custom warning line | {{Collapse top|This is the title text|warning=true}} | ||
{{ | {{Lorem ipsum}} | ||
{{ | {{Collapse bottom}} | ||
{{ | |||
* Aligning box title along left margin | * <span lang="en" dir="ltr" class="mw-content-ltr">Adding a custom warning line</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text|This is a custom warning line}}</syntaxhighlight> | ||
{{ | |||
{{ | {{Collapse top|This is the title text|This is a custom warning line}} | ||
{{ | {{Lorem ipsum}} | ||
* Changing background color | {{Collapse bottom}} | ||
{{ | |||
{{ | * <span lang="en" dir="ltr" class="mw-content-ltr">Aligning box title along left margin</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|left=true}}</syntaxhighlight> | ||
{{ | |||
* Adding extra padding | {{Collapse top|left=true}} | ||
{{ | {{Lorem ipsum}} | ||
{{ | {{Collapse bottom}} | ||
{{ | |||
* Archiving a section | * <span lang="en" dir="ltr" class="mw-content-ltr">Changing background color</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|bg=#F0F2F5}}</syntaxhighlight> | ||
< | |||
==Section header== | {{Collapse top|bg=#F0F2F5}} | ||
{{Lorem ipsum}} | |||
{{Collapse bottom}} | |||
* <span lang="en" dir="ltr" class="mw-content-ltr">Adding extra padding</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|padding=5em}}</syntaxhighlight> | |||
{{Collapse top|padding=5em}} | |||
{{Lorem ipsum}} | |||
{{Collapse bottom}} | |||
* <span lang="en" dir="ltr" class="mw-content-ltr">Archiving a section</span> – <span lang="en" dir="ltr" class="mw-content-ltr">The markup below:</span> | |||
<syntaxhighlight lang="html5">{{Collapse top}} | |||
== Section header == | |||
Sample contents text | Sample contents text | ||
{{ | {{Collapse bottom}}</syntaxhighlight> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
must be rewritten as: | must be rewritten as: | ||
< | </div> | ||
<syntaxhighlight lang="html5">{{Collapse top|Section header}} | |||
Sample contents text | Sample contents text | ||
{{ | {{Collapse bottom}}</syntaxhighlight> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
The end result: | The end result: | ||
{{ | </div> | ||
{{Collapse top|Section header}} | |||
Sample contents text | Sample contents text | ||
{{ | {{Collapse bottom}} | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
== TemplateData == | == TemplateData == | ||
</div> | |||
{{Collapse top/doc}} | {{Collapse top/doc}} | ||
== See also == | == See also == | ||
* {{ | * {{Tl|Collapse bottom}} | ||
* {{ | * {{Tl|Hidden archive top}} and {{Tl|Hidden archive bottom}} | ||
* {{ | * {{Tl|Hidden begin}} and {{Tl|Hidden end}} | ||
* {{ | * {{Tl|Hidden}}} | ||
[[Category:Formatting templates{{#translation:}}]] | [[Category:Formatting templates{{#translation:}}]] | ||
}} | }} | ||
</noinclude> | </noinclude> |