Template:Collapse top

<languages/>

<translate> Extended content</translate>
<translate> The following content has been placed in a collapsed box for improved usability.</translate>

Template documentation

<translate> The <tvar name=1>{{Collapse top}}</tvar> template, and its paired template <tvar name=2>{{Collapse bottom}}</tvar>, are used for placing a collapse box around a talk page discussion.

Usage

</translate> <translate> Place <tvar name=1>{{Collapse top}}</tvar> and <tvar name=2>{{Collapse bottom}}</tvar> around the text to be collapsed.</translate> <translate> For example:</translate>

{{Collapse top|title=This is the title text}}
Sample contents text
{{Collapse bottom}}

<translate> produces: </translate>

This is the title text
Sample contents text

<translate> <tvar name=1>{{Collapse bottom}}</tvar> should always be placed on its own line.

Parameters

</translate> <translate> This template takes the following parameters, all of which are optional.</translate> <translate> They are case-sensitive.</translate> <translate> Those that take CSS measurements require them in CSS format (e.g. <tvar name=1>1em</tvar> not <tvar name=2>1 em</tvar>).</translate>

|1= <translate> (or first unnamed parameter)</translate>, |title=, |reason=, |header=, |heading=

<translate> Will give the collapsed box a title, which occurs on the same line as the show link and is always visible.</translate> <translate> It defaults to "Extended content".</translate>

<translate> For example, <tvar name=1>{{Collapse top|title=This is the title text}}</tvar> or <tvar name=2>{{Collapse top|This is the title text}}</tvar>.</translate> <translate> Note: The shorter, unnamed markup will not work if the title value contain an equals (<tvar name=1>=</tvar>) character.</translate>

|warning=yes

<translate> 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>

<translate> Any non-empty value supplied to this parameter will have this effect (i.e. <tvar name=1>|warning=</tvar> will not work as expected).</translate>

|2= <translate> (or second unnamed parameter)</translate>

<translate> This is optional warning-line text.</translate> <translate> It will override the standard warning line above; it is not necessary to also use <tvar name=1>|warning=yes</tvar> in this case, though doing so is harmless.</translate>

|left=yes

<translate> Will align the title along the left margin (in RTL languages, along the right margin instead).</translate>

<translate> By default, text is centered, specifically between the left edge of the green box and the left edge of the "show" link.</translate>

<translate> Any non-empty value supplied to this parameter will have this effect (i.e. <tvar name=1>|left=</tvar> will not work as expected).</translate>

|expand=yes

<translate> Will leave the material uncollapsed with the border and coloring.</translate> <translate> Default is to collapse the material.</translate>

<translate> Any non-empty value supplied to this parameter will have this effect (i.e. <tvar name=1>|expand=</tvar> will not work as expected).</translate>

|bg=

<translate> Sets the background color of the title of the collapsible bar.</translate> <translate> Defaults to "<tvar name=1>#F8FCFF</tvar>", a whitish color.</translate> <translate> Named colors are listed at List of colors.</translate>

<translate> For example, <tvar name=1>{{Collapse top|This is the title text|bg=#008000}}</tvar> or <tvar name=2>{{Collapse top|This is the title text|bg=green}}</tvar> (numeric HTML color codes require the leading <tvar name=H>#</tvar>).</translate>

|fc=

<translate> Sets the font color of the title of the collapsible bar.</translate> <translate> Defaults to "<tvar name=1>black</tvar>".</translate>

<translate> See <tvar name=bg>|bg=</tvar>, above, for details on color options.</translate>

|border=

<translate> Sets the width of the border line on the collapsed material.</translate> <translate> Defaults to <tvar name=1>1px</tvar>.</translate>

<translate> For example, <tvar name=1>{{Collapse top|border=2px}}</tvar>; going much thicker than this is not very useful.</translate>

|b-color=

<translate> Sets the border color.</translate> <translate> Defaults to <tvar name=1>silver</tvar> (<tvar name=2>#C0C0C0</tvar>).</translate>

<translate> See <tvar name=bg>|bg=</tvar>, above, for details on color options.</translate>

|padding=

<translate> Sets the padding (distance from borders) on the collapsed material inside the colored area.</translate> <translate> Defaults to <tvar name=1>8px</tvar>.</translate>

|width=

<translate> Sets the width of the overall template relative to the page (or a block element containing the collapse box).</translate> <translate> This should virtually always be given as a percentage, e.g. <tvar name=1>|width=50%</tvar>, or in relative <tvar name=2>em</tvar> units, e.g. <tvar name=3>|width=30em</tvar>.</translate> <translate> 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>

|border2=

<translate> Sets the properties of the border of the box that appears when template is expanded.</translate> <translate> Defaults to <tvar name=1>1px silver</tvar> (there is no provision to change from a solid line).</translate>

<translate> For example, <tvar name=1>{{Collapse top|border2=2px}}</tvar> (only width or color will be changed if only one value is supplied).</translate>

<translate> See <tvar name=bg>|bg=</tvar>, above, for details on color options.</translate>

|bg2=

<translate> Sets the background color of the box that appears when template is expanded; defaults to <tvar name=1>white</tvar> (<tvar name=2>#FFF</tvar>).</translate>

<translate> See <tvar name=bg>|bg=</tvar>, above, for details on color options.</translate>

|indent=

<translate> Indents the box from the left of the page.</translate> <translate> Defaults to no indentation.</translate> <translate> Each <tvar name=1>:</tvar> in talk page markup is approximately equivalent to <tvar name=2>1.6em</tvar> of indent (e.g., to match <tvar name=3>::::</tvar> indentation level, use <tvar name=4>|indent=6.4em</tvar>).</translate> <translate> You can also use a percentage value.</translate>

<translate> Pixel-based values should be avoided (see <tvar name=1>|width=</tvar>, above, for the reason).</translate>

<translate>

Examples

</translate>

• <translate> Adding a box title (if omitted, default is "Extended content")</translate> – {{Collapse top|This is the title text}}

This is the title text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• <translate> Adding a standard warning line</translate> – {{Collapse top|This is the title text|warning=true}}

This is the title text
<translate> The following is a closed debate.</translate> <translate> Please do not modify it.</translate>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• <translate> Adding a custom warning line</translate> – {{Collapse top|This is the title text|This is a custom warning line}}

This is the title text
This is a custom warning line
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• <translate> Aligning box title along left margin</translate> – {{Collapse top|left=true}}

<translate> Extended content</translate>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• <translate> Changing background color</translate> – {{Collapse top|bg=#F0F2F5}}

<translate> Extended content</translate>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• <translate> Adding extra padding</translate> – {{Collapse top|padding=5em}}

<translate> Extended content</translate>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• <translate> Archiving a section</translate> – <translate> The markup below:</translate>

{{Collapse top}}
== Section header ==
Sample contents text
{{Collapse bottom}}

<translate> must be rewritten as: </translate>

{{Collapse top|Section header}}
Sample contents text
{{Collapse bottom}}

<translate> The end result: </translate>

Section header
Sample contents text

<translate>

TemplateData

</translate>

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. Click here to see a monthly parameter usage report for this template based on this TemplateData.

TemplateData for Collapse top

<templatedata> { "params": { "1": { "aliases": [ "title", "heading", "header", "reason", "result" ], "label": { "en": "Title", "cs": "Titul", "fr": "Titre" }, "description": { "en": "Main title of collapsed box", "cs": "Hlavní název sbaleného boxu", "fr": "Titre principal de la boîte repliée" }, "example": { "en": "This is the title text", "cs": "Toto je text titulku", "fr": "Ceci est le texte du titre" }, "required": true }, "2": { "label": { "en": "Custom warning line", "cs": "Vlastní výstražná linka", "fr": "Ligne d'avertissement personnalisée" }, "description": { "en": "Will override the standard warning line, and make the 'warning' parameter unnecessary", "cs": "Přepíše standardní varovný řádek a učiní parametr 'varování' zbytečným", "fr": "Remplace la ligne d'avertissement standard , et rend inutile le paramètre 'avertissement' " }, "example": { "en": "This is a custom warning line", "cs": "Toto je vlastní varovný řádek", "fr": "Ceci est une ligne d'avertissement personnalisée " }, "type": "string" }, "indent": { "description": { "en": "Indents the box from the left of the page", "cs": "Odsadí rámeček z levé části stránky", "fr": "Indente la boîte à partir de la gauche de la page " }, "type": "unknown", "autovalue": "0px", "label": { "cs": "Odsazení", "fr": "Indentation" } }, "expand": { "aliases": [ "collapse" ], "description": { "en": "Using expand=yes or collapse=no will leave the material uncollapsed with the border and coloring", "cs": "Pomocí rozbalit=ano nebo sbalit=ne zůstane prvek nesbalený s okrajem a zabarvením", "fr": "expand=yes ou collapse=no laisse le matériel non replié avec son bord et sa couleur " }, "example": { "en": "true", "cs": "true", "fr": "true" }, "type": "string", "autovalue": "", "label": { "cs": "Rozšíření", "fr": "Expansion" } }, "border": { "label": { "en": "Border width (px)", "cs": "Šířka okraje (px)", "fr": "Largeur de la bordure (px)" }, "description": { "en": "Sets the width of the border line on the collapsed material", "cs": "Nastaví šířku hraniční čáry na složeném prvku", "fr": "Définit la largeur de la bordure du matériel replié" }, "example": { "en": "2px", "cs": "2px", "fr": "2px" }, "default": { "en": "1px", "cs": "1px", "fr": "1px " }, "autovalue": "" }, "b-color": { "label": { "en": "Border color", "cs": "Barva ohraničení", "fr": "Couleur de la bordure" }, "description": { "en": "Sets the border color", "cs": "Nastaví barvu ohraničení", "fr": "Définit la couleur de la bordure" }, "example": { "en": "#F0F2F5", "cs": "#F0F2F5", "fr": "#F0F2F5" }, "default": { "en": "Silver", "cs": "Silver", "fr": "Silver" } }, "width": { "label": { "en": "Template width (px or %)", "cs": "Šířka šablony (px nebo %)", "fr": "Largeur du modèle (px ou %)" }, "description": { "en": "Sets the width of the overall template", "cs": "Nastaví šířku celé šablony", "fr": "Définit la largeur totale du modèle" }, "example": { "en": "50%", "cs": "50%", "fr": "50%" } }, "bg": { "label": { "en": "Collapsed material background color", "cs": "Barva pozadí sbaleného prvku", "fr": "Couleur de fond du matériel replié" }, "description": { "en": "Sets the background color of the collapsed material", "cs": "Nastaví barvu pozadí sbaleného prvku", "fr": "Définit la couleur de fond du matériel replié" }, "example": { "en": "#F0F2F5", "cs": "#F0F2F5", "fr": "#F0F2F5" }, "default": { "en": "#CFC", "cs": "#CFC", "fr": "#CFC" } }, "left": { "label": { "en": "Alight along the left margin (true or blank)", "cs": "Zarovnat k levému okraji (true nebo prázdný)", "fr": "Alignement le long de la marge gauche (true ou vide)" }, "description": { "en": "Will align the 'parameter 1 title' along the left margin", "cs": "Zarovná 'název parametru 1' k levému okraji", "fr": "Aligne le 'parameter 1 titre' le long de la marge gauche" }, "example": { "en": "true", "cs": "true", "fr": "true" }, "type": "string", "default": { "en": "", "cs": "", "fr": "" } }, "fc": { "label": { "en": "Title font color", "cs": "Barva písma názvu", "fr": "Couleur de la fonte du titre" }, "description": { "en": "Sets the font color of the title of the collapsible bar", "cs": "Nastaví barvu písma názvu rozbalovací lišty", "fr": "Définit la couleur de la fonte du titre de la barre repliable" }, "example": { "en": "#F0F2F5", "cs": "#F0F2F5", "fr": "#F0F2F5" }, "default": { "en": "Black", "cs": "Black", "fr": "Black" } }, "warning": { "label": { "en": "Warning (true or blank)", "cs": "Upozornění (true nebo prázdné)", "fr": "Avertissement (true ou vide)" }, "description": { "en": "Will display a default warning line under the main title which reads \"The following is a closed debate. Please do not modify it.\"", "cs": "Pod hlavním názvem se zobrazí výchozí varovný řádek, který zní \"Následuje uzavřená debata. Neupravujte jej, prosím.\"", "fr": "Affiche une ligne d'avertissement par défaut sous le titre principal indiquant \"La suite est une discussion qui est terminée. Veuillez ne pas la modifier.\"" }, "example": { "en": "true", "cs": "true", "fr": "true" } }, "border2": { "label": { "en": "Expanded box border size & color", "cs": "Velikost a barva okraje rozbaleného pole", "fr": "Bordure de la boîte dépliée largeur et couleur" }, "description": { "en": "Sets the border of the box that appears when template is expanded", "cs": "Nastaví ohraničení rámečku, který se zobrazí po rozbalení šablony", "fr": "Définit le bord de la boîte qui apparaît lorsque le modèle est déplié" }, "example": { "en": "2px", "cs": "2px", "fr": "2px" }, "default": { "en": "1px silver", "cs": "1px silver", "fr": "1px silver" } }, "padding": { "label": { "en": "Padding (px)", "cs": "Padding (px)", "fr": "Remplissage (px)" }, "description": { "en": "Sets the padding on the collapsed material in the colored area", "cs": "Nastaví výplň na složeném prvku v barevné oblasti", "fr": "Définit l'espacement sur le matériel replié de la zone colorée" }, "example": { "en": "16px", "cs": "16px", "fr": "16px" }, "default": { "en": "8px", "cs": "8px", "fr": "8px" } }, "bg2": { "label": { "en": "Expanded box color", "cs": "Barva rozbaleného pole", "fr": "Couleur de la boîte dépliée" }, "description": { "en": "Sets background of the box that appears when template is expanded", "cs": "Nastaví pozadí pole, které se zobrazí po rozbalení šablony", "fr": "Définit la couleur de fond de la boîte qui apparaît lorsque le modèle est déplié" }, "example": { "en": "#F0F2F5", "cs": "#F0F2F5", "fr": "#F0F2F5" }, "default": { "en": "white", "cs": "white", "fr": "white" } } }, "description": {

"en": "Use in conjunction with

. Will collapse text in between the two templates.", "cs": "Používejte ve spojení s

. Sbalí text mezi dvěma šablonami.", "fr": "A utiliser en conjonction avec . Va replier le texte qui se trouve entre les deux modèles."

} } </templatedata>

<translate>

See also

</translate>

• {{Collapse bottom}}
• {{Hidden archive top}} and {{Hidden archive bottom}}
• {{Hidden begin}} and {{Hidden end}}
• {{Hidden}}}

[[Category:Formatting templates{{#translation:}}]]

The above documentation is transcluded from Template:Collapse top/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Subpages of this template.