Template:Collapse top: Difference between revisions
Appearance
Content deleted Content added
Removed page from translation Tag: Reverted |
No edit summary |
||
| Line 1: | Line 1: | ||
<noinclude> |
<noinclude> |
||
<languages/> |
|||
</noinclude><!-- |
</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 |
||
| Line 5: | Line 6: | ||
| {{dir|{{pagelang}}|right|left}} |
| {{dir|{{pagelang}}|right|left}} |
||
| center |
| center |
||
}}">{{{1|{{{title|{{{reason|{{{header|{{{heading|Extended content}}}}}}}}}}}}}}}</th></tr><!-- |
}}">{{{1|{{{title|{{{reason|{{{header|{{{heading|<translate><!--T:1--> Extended content</translate>}}}}}}}}}}}}}}}</th></tr><!-- |
||
-->{{#if:{{{warning|{{{2|}}}}}} |
-->{{#if:{{{warning|{{{2|}}}}}} |
||
| <tr><td style="text-align:center;font-style:italic">{{#if:{{{2|}}}|{{{2}}}|The following is a closed debate. {{Strong |
| <tr><td style="text-align:center;font-style:italic">{{#if:{{{2|}}}|{{{2}}}|<translate><!--T:2--> The following is a closed debate.</translate> {{Strong |
||
|style=color:var(--color-error, #bf3c2c) |
|style=color:var(--color-error, #bf3c2c) |
||
|1=Please do not modify it. |
|1=<translate><!--T:3--> Please do not modify it.</translate> |
||
}}<!--/Strong-->}}</td></tr> |
}}<!--/Strong-->}}</td></tr> |
||
}}<!-- |
}}<!-- |
||
--><tr><td style="font-size:{{{font-size|112%}}};background:{{{bg2|var(--background-color-base, #fff)}}};color:{{{fc2|inherit}}};border:solid {{{border2|1px silver}}};padding:{{{padding|8px}}}"><!-- |
--><tr><td style="font-size:{{{font-size|112%}}};background:{{{bg2|var(--background-color-base, #fff)}}};color:{{{fc2|inherit}}};border:solid {{{border2|1px silver}}};padding:{{{padding|8px}}}"><!-- |
||
--><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">''<translate><!--T:4--> The following content has been placed in a collapsed box for improved usability.</translate>''</div> |
||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
{{Documentation|content= |
{{Documentation|content= |
||
<translate> |
|||
| ⚫ | |||
<!--T:12--> |
|||
| ⚫ | |||
== Usage == |
== Usage == <!--T:8--> |
||
</translate> |
|||
Place {{Tlx|Collapse top}} and {{Tlx|Collapse bottom}} around the text to be collapsed. |
<translate><!--T:13--> Place <tvar name=1>{{Tlx|Collapse top}}</tvar> and <tvar name=2>{{Tlx|Collapse bottom}}</tvar> around the text to be collapsed.</translate> |
||
For example: |
|||
<translate><!--T:14--> For example:</translate> |
|||
<syntaxhighlight lang="wikitext"> |
<syntaxhighlight lang="wikitext"> |
||
{{Collapse top|title=This is the title text}} |
{{Collapse top|title=<translate nowrap><!--T:79--> This is the title text</translate>}} |
||
Sample contents text |
<translate nowrap><!--T:80--> Sample contents text</translate> |
||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
<translate> |
|||
<!--T:15--> |
|||
produces: |
produces: |
||
</translate> |
|||
{{Collapse top|title=This is the title text}} |
{{Collapse top|title=<translate><!--T:77--> This is the title text</translate>}} |
||
Sample contents text |
<translate><!--T:78--> Sample contents text</translate> |
||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
<translate> |
|||
| ⚫ | |||
<!--T:16--> |
|||
| ⚫ | |||
== Parameters == |
== Parameters == <!--T:9--> |
||
</translate> |
|||
This template takes the following parameters, all of which are optional. |
<translate><!--T:17--> This template takes the following parameters, all of which are optional.</translate> |
||
They are case-sensitive. |
<translate><!--T:18--> They are case-sensitive.</translate> |
||
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>). |
<translate><!--T:19--> Those that take CSS measurements require them in CSS format (e.g. <tvar name=1><code style="color: #006400">1em</code></tvar> not <tvar name=2><code style="color:#8B0000">1 em</code></tvar>).</translate> |
||
; {{Para|1}} <span style="font-weight:normal">(or first unnamed parameter)</span>, {{Para|title}}, {{Para|reason}}, {{Para|header}}, {{Para|heading}} |
; {{Para|1}} <span style="font-weight:normal"><translate><!--T:20--> (or first unnamed parameter)</translate></span>, {{Para|title}}, {{Para|reason}}, {{Para|header}}, {{Para|heading}} |
||
: 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". |
: <translate><!--T:21--> Will give the collapsed box a title, which occurs on the same line as the ''show'' link and is always visible.</translate> <translate><!--T:22--> It defaults to "Extended content".</translate> |
||
: 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. |
: <translate><!--T:23--> For example, <tvar name=1><code><nowiki>{{Collapse top|title=This is the title text}}</nowiki></code></tvar> or <tvar name=2><code><nowiki>{{Collapse top|This is the title text}}</nowiki></code></tvar>.</translate> <translate><!--T:24--> Note: The shorter, unnamed markup will not work if the title value contain an equals (<tvar name=1><code>=</code></tvar>) character.</translate> |
||
; {{Para|warning|yes}} |
; {{Para|warning|yes}} |
||
: 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.}}" |
: <translate><!--T:25--> Will display a default warning line under the main title which reads "The following is a closed debate. {{<tvar name=1>Strong|style=color:red</tvar>|Please do not modify it.}}"</translate> |
||
: 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). |
: <translate><!--T:27--> Any non-empty value supplied to this parameter will have this effect (i.e. <tvar name=1>{{Para|warning|<span style="color:red">no</span>}}</tvar> will not work as expected).</translate> |
||
; {{Para|2}} <span style="font-weight:normal">(or second unnamed parameter)</span> |
; {{Para|2}} <span style="font-weight:normal"><translate><!--T:28--> (or second unnamed parameter)</translate></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. |
: <translate><!--T:29--> This is optional warning-line text.</translate> <translate><!--T:30--> It will override the standard warning line above; it is not necessary to also use <tvar name=1>{{Para|warning|yes}}</tvar> in this case, though doing so is harmless.</translate> |
||
; {{Para|left|yes}} |
; {{Para|left|yes}} |
||
: Will align the title along the left margin (in RTL languages, along the right margin instead). |
: <translate><!--T:31--> Will align the title along the left margin (in RTL languages, along the right margin instead).</translate> |
||
: By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link. |
: <translate><!--T:32--> By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link.</translate> |
||
: 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). |
: <translate><!--T:33--> Any non-empty value supplied to this parameter will have this effect (i.e. <tvar name=1>{{Para|left|<span style="color:#8B0000">no</span>}}</tvar> will not work as expected).</translate> |
||
; {{Para|expand|yes}} |
; {{Para|expand|yes}} |
||
: Will leave the material uncollapsed with the border and coloring. Default is to collapse the material. |
: <translate><!--T:34--> Will leave the material uncollapsed with the border and coloring.</translate> <translate><!--T:35--> Default is to collapse the material.</translate> |
||
: 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). |
: <translate><!--T:36--> Any non-empty value supplied to this parameter will have this effect (i.e. <tvar name=1>{{Para|expand|<span style="color:#8B0000">no</span>}}</tvar> will not work as expected).</translate> |
||
; {{Para|bg}} |
; {{Para|bg}} |
||
: Sets the background color of the title of the collapsible bar. Defaults to <code>#F8FCFF</code>{{color-sample|1=#F8FCFF}}, a whitish color. Named colors are listed at [[List of colors]]. |
: <translate><!--T:37--> Sets the background color of the title of the collapsible bar.</translate> <translate><!--T:38--> Defaults to <tvar name=1><code>#F8FCFF</code>{{color-sample|1=#F8FCFF}}</tvar>, a whitish color.</translate> <translate><!--T:39--> Named colors are listed at [[List of colors]].</translate> |
||
: 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>). |
: <translate><!--T:40--> For example, <tvar name=1><code><nowiki>{{Collapse top|This is the title text|bg=#008000}}</nowiki></code></tvar> or <tvar name=2><code><nowiki>{{Collapse top|This is the title text|bg=green}}</nowiki></code></tvar> (numeric HTML color codes require the leading <tvar name=H><code>#</code></tvar>).</translate> |
||
; {{Para|fc}} |
; {{Para|fc}} |
||
: Sets the font color of the title of the collapsible bar. Defaults to "black". |
: <translate><!--T:41--> Sets the font color of the title of the collapsible bar.</translate> <translate><!--T:42--> Defaults to "<tvar name=1>black</tvar>".</translate> |
||
: See {{Para|bg}}, above, for details on color options. |
: <translate><!--T:43--> See <tvar name=bg>{{Para|bg}}</tvar>, above, for details on color options.</translate> |
||
; {{Para|border}} |
; {{Para|border}} |
||
: Sets the width of the border line on the collapsed material. Defaults to <code>1px</code>. |
: <translate><!--T:44--> Sets the width of the border line on the collapsed material.</translate> <translate><!--T:45--> Defaults to <tvar name=1><code>1px</code></tvar>.</translate> |
||
: For example, <code><nowiki>{{Collapse top|border=2px}}</nowiki></code>; going much thicker than this is not very useful. |
: <translate><!--T:46--> For example, <tvar name=1><code><nowiki>{{Collapse top|border=2px}}</nowiki></code></tvar>; going much thicker than this is not very useful.</translate> |
||
; {{Para|b-color}} |
; {{Para|b-color}} |
||
: Sets the border color. Defaults to <code>silver</code> (<code>#C0C0C0</code>{{color-sample|1=#C0C0C0}}). |
: <translate><!--T:47--> Sets the border color.</translate> <translate><!--T:48--> Defaults to <tvar name=1><code>silver</code></tvar> (<tvar name=2><code>#C0C0C0</code>{{color-sample|1=#C0C0C0}}</tvar>).</translate> |
||
: See {{Para|bg}}, above, for details on color options. |
: <translate><!--T:49--> See <tvar name=bg>{{Para|bg}}</tvar>, above, for details on color options.</translate> |
||
; {{Para|padding}} |
; {{Para|padding}} |
||
: Sets the padding (distance from borders) on the collapsed material inside the colored area. Defaults to <code>8px</code>. |
: <translate><!--T:50--> Sets the padding (distance from borders) on the collapsed material inside the colored area.</translate> <translate><!--T:51--> Defaults to <tvar name=1><code>8px</code></tvar>.</translate> |
||
; {{Para|width}} |
; {{Para|width}} |
||
: 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.). |
: <translate><!--T:52--> Sets the width of the overall template relative to the page (or a block element containing the collapse box).</translate> <translate><!--T:53--> This should virtually always be given as a percentage, e.g. <tvar name=1>{{Para|width|50%}}</tvar>, or in relative <tvar name=2><code>em</code></tvar> units, e.g. <tvar name=3>{{Para|width|30em}}</tvar>.</translate> <translate><!--T:54--> 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.).</translate> |
||
; {{Para|border2}} |
; {{Para|border2}} |
||
: 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). |
: <translate><!--T:55--> Sets the properties of the border of the box that appears when template is expanded.</translate> <translate><!--T:56--> Defaults to <tvar name=1><code>1px silver</code></tvar> (there is no provision to change from a solid line).</translate> |
||
: For example, <code><nowiki>{{Collapse top|border2=2px}}</nowiki></code> (only width or color will be changed if only one value is supplied). |
: <translate><!--T:57--> For example, <tvar name=1><code><nowiki>{{Collapse top|border2=2px}}</nowiki></code></tvar> (only width or color will be changed if only one value is supplied).</translate> |
||
: See {{Para|bg}}, above, for details on color options. |
: <translate><!--T:58--> See <tvar name=bg>{{Para|bg}}</tvar>, above, for details on color options.</translate> |
||
; {{Para|bg2}} |
; {{Para|bg2}} |
||
: Sets the background color of the box that appears when template is expanded; defaults to <code>white</code> (<code>#FFF</code>). |
: <translate><!--T:59--> Sets the background color of the box that appears when template is expanded; defaults to <tvar name=1><code>white</code></tvar> (<tvar name=2><code>#FFF</code></tvar>).</translate> |
||
: See {{Para|bg}}, above, for details on color options. |
: <translate><!--T:60--> See <tvar name=bg>{{Para|bg}}</tvar>, above, for details on color options.</translate> |
||
; {{Para|indent}} |
; {{Para|indent}} |
||
: 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. |
: <translate><!--T:61--> Indents the box from the left of the page.</translate> <translate><!--T:62--> Defaults to no indentation.</translate> <translate><!--T:63--> Each <tvar name=1><code>:</code></tvar> in talk page markup is approximately equivalent to <tvar name=2><code>1.6em</code></tvar> of indent (e.g., to match <tvar name=3><code>::::</code></tvar> indentation level, use <tvar name=4>{{Para|indent|6.4em}}</tvar>).</translate> <translate><!--T:64--> You can also use a percentage value.</translate> |
||
: Pixel-based values should be avoided (see {{Para|width}}, above, for the reason). |
: <translate><!--T:65--> Pixel-based values should be avoided (see <tvar name=1>{{Para|width}}</tvar>, above, for the reason).</translate> |
||
<translate> |
|||
== Examples == |
== Examples == <!--T:10--> |
||
| ⚫ | |||
</translate> |
|||
| ⚫ | |||
{{Collapse top|This is the title text}} |
{{Collapse top|This is the title text}} |
||
| Line 91: | Line 103: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
* Adding a standard warning line – <syntaxhighlight lang="wikitext" inline>{{Collapse top|This is the title text|warning=true}}</syntaxhighlight> |
* <translate><!--T:67--> Adding a standard warning line</translate> – <syntaxhighlight lang="wikitext" 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 97: | Line 109: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
* Adding a custom warning line – <syntaxhighlight lang="wikitext" inline>{{Collapse top|This is the title text|This is a custom warning line}}</syntaxhighlight> |
* <translate><!--T:68--> Adding a custom warning line</translate> – <syntaxhighlight lang="wikitext" 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 103: | Line 115: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
* Aligning box title along left margin – <syntaxhighlight lang="wikitext" inline>{{Collapse top|left=true}}</syntaxhighlight> |
* <translate><!--T:69--> Aligning box title along left margin</translate> – <syntaxhighlight lang="wikitext" inline>{{Collapse top|left=true}}</syntaxhighlight> |
||
{{Collapse top|left=true}} |
{{Collapse top|left=true}} |
||
| Line 109: | Line 121: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
* Changing background color – <syntaxhighlight lang="wikitext" inline>{{Collapse top|bg=#F0F2F5}}</syntaxhighlight> |
* <translate><!--T:70--> Changing background color</translate> – <syntaxhighlight lang="wikitext" inline>{{Collapse top|bg=#F0F2F5}}</syntaxhighlight> |
||
{{Collapse top|bg=#F0F2F5}} |
{{Collapse top|bg=#F0F2F5}} |
||
| Line 115: | Line 127: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
* Adding extra padding – <syntaxhighlight lang="wikitext" inline>{{Collapse top|padding=5em}}</syntaxhighlight> |
* <translate><!--T:71--> Adding extra padding</translate> – <syntaxhighlight lang="wikitext" inline>{{Collapse top|padding=5em}}</syntaxhighlight> |
||
{{Collapse top|padding=5em}} |
{{Collapse top|padding=5em}} |
||
| Line 121: | Line 133: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
* Archiving a section – The markup below: |
* <translate><!--T:72--> Archiving a section</translate> – <translate><!--T:73--> The markup below:</translate> |
||
<syntaxhighlight lang="wikitext">{{Collapse top}} |
<syntaxhighlight lang="wikitext">{{Collapse top}} |
||
| Line 128: | Line 140: | ||
{{Collapse bottom}}</syntaxhighlight> |
{{Collapse bottom}}</syntaxhighlight> |
||
<translate> |
|||
<!--T:74--> |
|||
must be rewritten as: |
must be rewritten as: |
||
</translate> |
|||
<syntaxhighlight lang="wikitext">{{Collapse top|Section header}} |
<syntaxhighlight lang="wikitext">{{Collapse top|Section header}} |
||
| Line 134: | Line 149: | ||
{{Collapse bottom}}</syntaxhighlight> |
{{Collapse bottom}}</syntaxhighlight> |
||
<translate> |
|||
<!--T:75--> |
|||
The end result: |
The end result: |
||
</translate> |
|||
{{Collapse top|Section header}} |
{{Collapse top|Section header}} |
||
| Line 140: | Line 158: | ||
{{Collapse bottom}} |
{{Collapse bottom}} |
||
<translate> |
|||
== TemplateData == |
== TemplateData == <!--T:76--> |
||
</translate> |
|||
{{Collapse top/doc}} |
{{Collapse top/doc}} |
||
<translate> |
|||
== See also == |
== See also == <!--T:11--> |
||
</translate> |
|||
* {{Tl|Collapse bottom}} |
* {{Tl|Collapse bottom}} |
||
* {{Tl|Hidden archive top}} {{int|and}} {{Tl|Hidden archive bottom}} |
* {{Tl|Hidden archive top}} {{int|and}} {{Tl|Hidden archive bottom}} |
||