Difference between revisions of "Template:Collapse top/en"

From WPRDC Wiki
Jump to navigation Jump to search
>FuzzyBot
(Updating to match new version of source page)
>FuzzyBot
(Updating to match new version of source page)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude><languages />
<noinclude>
</noinclude>{{#switch:
<languages/>
| = <!--
</noinclude><!--
--><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|0}}};{{{extrastyle|}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section
   --><table class="navbox mw-collapsible {{#if:{{{expand|}}}
   --><table class="mw-collapsible {{#if:{{{expand|}}}|| mw-collapsed}}" style="margin-top:.2em; border:{{{border|1px}}} solid {{{b-color|silver}}};text-align:{{dir|{{pagelang}}|right|left}}; width: {{{width|100%}}};"><tr><th style="font-size:112%;background:{{{bg|#F8FCFF}}};color:{{{fc|black}}};text-align:{{#if:{{{left|}}}
  || mw-collapsed
  }}" style="margin-top:.2em;background:{{{bg1|transparent}}};border:{{{border|1px}}} solid {{{b-color|silver}}};text-align:{{dir|{{pagelang}}|right|left}};{{#if:{{{width|}}}
  | width:{{{width}}}
  }}"><tr><th style="font-size:112%;background:{{{bg|#F8FCFF}}};color:{{{fc|black}}};text-align:{{#if:{{{left|}}}
   | {{dir|{{pagelang}}|right|left}}
   | {{dir|{{pagelang}}|right|left}}
   | center
   | center
Line 17: Line 13:
     }}}}}</td></tr>
     }}}}}</td></tr>
   }}<!--
   }}<!--
   --><tr><td style="font-size:112%;background:{{{bg2|white}}};border:solid {{{border2|1px silver}}};padding:{{{padding|8px}}}">
   --><tr><td style="font-size:112%;background:{{{bg2|white}}};border:solid {{{border2|1px silver}}};padding:{{{padding|8px}}}"><!--
|#default =<!--
--><noinclude>
-->{{#invoke:Template translation|renderTranslatedTemplate|template=Template:Collapse top|noshift=1}}
}}<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 {{Tlx|Collapse top}} template, and its paired template {{Tlx|Collapse bottom}}, are used for placing a collapse box around a talk page discussion.
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 ==
<span lang="en" dir="ltr" class="mw-content-ltr">Place {{Tlx|Collapse top}} and {{Tlx|Collapse bottom}} around the text to be collapsed.</span>
Place {{Tlx|Collapse top}} and {{Tlx|Collapse bottom}} around the text to be collapsed.
<span lang="en" dir="ltr" class="mw-content-ltr">For example:</span>
For example:


<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
Line 38: Line 30:
</syntaxhighlight>
</syntaxhighlight>


<div lang="en" dir="ltr" class="mw-content-ltr">
produces:
produces:
</div>


{{Collapse top|title=This is the title text}}
{{Collapse top|title=This is the title text}}
Line 46: Line 36:
{{Collapse bottom}}
{{Collapse bottom}}


<div lang="en" dir="ltr" class="mw-content-ltr">
{{Tlx|Collapse bottom}} should always be placed on its own line.
{{Tlx|Collapse bottom}} should always be placed on its own line.
</div>


== Parameters ==
== Parameters ==
<span lang="en" dir="ltr" class="mw-content-ltr">This template takes the following parameters, all of which are optional.</span>
This template takes the following parameters, all of which are optional.
<span lang="en" dir="ltr" class="mw-content-ltr">They are case-sensitive.</span>
They are case-sensitive.
<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&nbsp;em</code>.</span>
Those that take CSS measurements require them in CSS format (e.g. <code style="color: #006400">1em</code> not <code style="color:#8B0000">1&nbsp;em</code>).


; {{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}}
; {{Para|1}} <span style="font-weight:normal">(or first unnamed parameter)</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>
: Will give the collapsed box a title, which occurs on the same line as the ''show'' link and is always visible. It defaults to "Extended content".
: <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>
: 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>. Note: The shorter, unnamed markup will not work if the title value contain an equals (<code>=</code>) character.
; {{Para|warning|yes}}
; {{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>
: Will display a default warning line under the main title which reads "The following is a closed debate. {{Strong|style=color:red|Please do not modify it.}}"
: <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>
: 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).
; {{Para|2}} <span style="font-weight:normal"><span lang="en" dir="ltr" class="mw-content-ltr">(or second unnamed parameter)</span></span>
; {{Para|2}} <span style="font-weight:normal">(or second unnamed parameter)</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>
: This is optional warning-line text. 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.
; {{Para|left|yes}}
; {{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>
: Will align the title along the left margin (in RTL languages, along the right margin instead).
: <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>
: By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link.
: <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>
: 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).
; {{Para|expand|yes}}
; {{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>
: Will leave the material uncollapsed with the border and coloring. Default is to collapse the material.
: <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>
: 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).
; {{Para|bg}}
; {{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>
: Sets the background color of the title of the collapsible bar. Defaults to "#F8FCFF", a whitish color. Named colors are listed at [[List of colors]].
: <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>
: 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>).
; {{Para|fc}}
; {{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>
: Sets the font color of the title of the collapsible bar. Defaults to "black".
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span>
: See {{Para|bg}}, above, for details on color options.
; {{Para|border}}
; {{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>
: Sets the width of the border line on the collapsed material. Defaults to <code>1px</code>.
: <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>
: For example, <code><nowiki>{{Collapse top|border=2px}}</nowiki></code>; going much thicker than this is not very useful.
; {{Para|b-color}}
; {{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>
: Sets the border color. Defaults to <code>silver</code> (<code>#C0C0C0</code>).
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span>
: See {{Para|bg}}, above, for details on color options.
; {{Para|padding}}
; {{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>
: Sets the padding (distance from borders) on the collapsed material inside the colored area. Defaults to <code>8px</code>.
; {{Para|width}}
; {{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>
: Sets the width of the overall template relative to the page (or a block element containing the collapse box). 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}}. 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.).
; {{Para|border2}}
; {{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>
: Sets the properties of the border of the box that appears when template is expanded. Defaults to <code>1px silver</code> (there is no provision to change from a solid line).
: <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>
: For example, <code><nowiki>{{Collapse top|border2=2px}}</nowiki></code> (only width or color will be changed if only one value is supplied).
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span>
: See {{Para|bg}}, above, for details on color options.
; {{Para|bg2}}
; {{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>
: Sets the background color of the box that appears when template is expanded; defaults to <code>white</code> (<code>#FFF</code>).
: <span lang="en" dir="ltr" class="mw-content-ltr">See {{Para|bg}}, above, for details on color options.</span>
: See {{Para|bg}}, above, for details on color options.
; {{Para|indent}}
; {{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>
: Indents the box from the left of the page. Defaults to no indentation. 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}}). You can also use a percentage value.
: <span lang="en" dir="ltr" class="mw-content-ltr">Pixel-based values should be avoided (see {{Para|width}}, above, for the reason).</span>
: Pixel-based values should be avoided (see {{Para|width}}, above, for the reason).


== Examples ==
== Examples ==
* <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>
* Adding a box title (if omitted, default is "Extended content") – <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text}}</syntaxhighlight>


{{Collapse top|This is the title text}}
{{Collapse top|This is the title text}}
Line 104: Line 92:
{{Collapse bottom}}
{{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 standard warning line – <syntaxhighlight lang="html5" inline>{{Collapse top|This is the title text|warning=true}}</syntaxhighlight>


{{Collapse top|This is the title text|warning=true}}
{{Collapse top|This is the title text|warning=true}}
Line 110: Line 98:
{{Collapse bottom}}
{{Collapse bottom}}


* <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>
* Adding a custom warning line – <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}}
{{Collapse top|This is the title text|This is a custom warning line}}
Line 116: Line 104:
{{Collapse bottom}}
{{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>
* Aligning box title along left margin – <syntaxhighlight lang="html5" inline>{{Collapse top|left=true}}</syntaxhighlight>


{{Collapse top|left=true}}
{{Collapse top|left=true}}
Line 122: Line 110:
{{Collapse bottom}}
{{Collapse bottom}}


* <span lang="en" dir="ltr" class="mw-content-ltr">Changing background color</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|bg=#F0F2F5}}</syntaxhighlight>
* Changing background color – <syntaxhighlight lang="html5" inline>{{Collapse top|bg=#F0F2F5}}</syntaxhighlight>


{{Collapse top|bg=#F0F2F5}}
{{Collapse top|bg=#F0F2F5}}
Line 128: Line 116:
{{Collapse bottom}}
{{Collapse bottom}}


* <span lang="en" dir="ltr" class="mw-content-ltr">Adding extra padding</span> – <syntaxhighlight lang="html5" inline>{{Collapse top|padding=5em}}</syntaxhighlight>
* Adding extra padding – <syntaxhighlight lang="html5" inline>{{Collapse top|padding=5em}}</syntaxhighlight>


{{Collapse top|padding=5em}}
{{Collapse top|padding=5em}}
Line 134: Line 122:
{{Collapse bottom}}
{{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>
* Archiving a section – The markup below:


<syntaxhighlight lang="html5">{{Collapse top}}
<syntaxhighlight lang="html5">{{Collapse top}}
Line 141: Line 129:
{{Collapse bottom}}</syntaxhighlight>
{{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}}
<syntaxhighlight lang="html5">{{Collapse top|Section header}}
Line 149: Line 135:
{{Collapse bottom}}</syntaxhighlight>
{{Collapse bottom}}</syntaxhighlight>


<div lang="en" dir="ltr" class="mw-content-ltr">
The end result:
The end result:
</div>


{{Collapse top|Section header}}
{{Collapse top|Section header}}
Line 157: Line 141:
{{Collapse bottom}}
{{Collapse bottom}}


<div lang="en" dir="ltr" class="mw-content-ltr">
== TemplateData ==
== TemplateData ==
</div>
{{Collapse top/doc}}
{{Collapse top/doc}}



Latest revision as of 23:52, 29 May 2021

<languages/>

Extended content
The following content has been placed in a collapsed box for improved usability.

Lua error in Module:TNT at line 158: Missing JsonConfig extension; Cannot load https://commons.wikimedia.org/wiki/Data:I18n/Documentation.tab.[[Category:Template documentation pages{{#translation:}}]]