Template:Collapse top

Extended content

Template documentation[view] [edit] [history] [purge]

The {{collapse top}} template (or {{cot}}), and its paired template {{collapse bottom}} (or {{cob}}), are used for placing a collapse box around a text passage.

Usage

Place {{collapse top}} (or {{cot}}), and {{collapse bottom}} (or {{cob}}), around the text to be collapsed. For example:

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

produces:

This is the title text
Sample contents text

{{collapse bottom}} should always be placed on its own line.

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.

|1=, |title=, |reason=, |header=, |heading=, |result=, or first unnamed parameter

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". For example, {{collapse top|title=This is the title text}} or {{collapse top|This is the title text}}. Note: The shorter, unnamed markup will not work if the title value contain an equals (=) character.

|left=yes

Will align the title along the left margin. Text aligns centered between the left margin and the left bracket of the left show link by default. Any value will have this effect (i.e. |left=no will not work as expected); nor is there a |right= parameter (only useful in a right-to-left language).

|expand=yes or |collapse=no

Will leave the material uncollapsed with the border and coloring. Default is to collapse the material. Any value will have this effect (i.e. |expand=no and |collapse=yes will not work as expected).

|bg=

Sets the background color of the collapsed material. Defaults to #CCFFCC, a green hue. Named colors are listed at List of colors. For example, {{collapse top|This is the title text|bg=#F0F2F5}} or {{collapse top|This is the title text|bg=LightGrey}} (HTML color codes require the leading #).

|fc=

Sets the font color of the title of the collapsible bar. Defaults to inheriting the current text color of the context. See |bg=, above, for details on color options.

|border=

Sets the width of the border line on the collapsed material. defaults to 1px. For example, {{collapse top|border=2px}}; going much thicker than this is not very useful.

|b-color=

Sets the border color. defaults to Silver (#C0C0C0). See |bg=, above, for details on color options.

|padding=

Sets the padding (distance from borders) on the collapsed material inside the colored area. Defaults to 0.6em.

|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. |width=50%, or in relative em units, e.g. |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.).

|border2=

Sets the properties of the border of the box that appears when template is expanded; defaults to 1px Silver (there is no provision to change from a solid line). For example, {{collapse top|border2=2px}} (only width or color will be changed if only one value is supplied). See |bg=, above, for details on color options.

|bg2=

Sets the background color of the box that appears when template is expanded; defaults to White (#FFFFFF). See |bg=, above, for details on color options.

|indent=

Indents the box from the left of the page. Defaults to no indentation. Each : in talk page markup is approximately equivalent to 1.6em of indent (e.g., to match :::: indentation level, use |indent=6.4em. You can also use a percentage value. Pixel-based values should be avoided (see |width=, above, for why).

|clear=

In some situations you may not want the default clear: both; CSS to apply, with puts the collapse box below any left- or right-floated content within the same HTML block. In this case, you can use |clear=none, |clear=right, or |clear=left, as needed.

Examples

• Adding a box title (if omitted, default is 'Extended content') – {{collapse top|This is the title text}}

This is the title text

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

• Adding a custom warning line – {{collapse top|This is the title text|This is a custom warning line}}

This is the title text

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

• Aligning box title along left margin – {{collapse top|left=true}}

Extended content

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

• Changing background color – {{collapse top|bg=#F0F2F5}}

Extended content

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

• Adding extra padding – {{collapse top|padding=5em}}

Extended content

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

• Archiving a section: the markup below:

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

must be rewritten as:

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

The end result:

Section header
Sample contents text

TemplateData

• Template:Collapse top/TemplateData

Redirects

To Collapse top:

• {{ctop}}

To Collapse bottom:

• {{cbot}}

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.
Add categories to the /doc subpage. Subpages of this template.

TemplateData

This is the TemplateData documentation for this template used by VisualEditor and other tools; see the monthly error report for this template.

TemplateData for Collapse top

Use in conjunction with {{Collapse bottom}}. Will collapse text in between the two templates.

Template parameters

Parameter		Description	Type	Status
Title	1 title heading header reason result	Main title of collapsed box Example This is the title text	Unknown	required
Custom warning line	2	Will override the standard warning line, and make the 'warning' parameter unnecessary Example This is a custom warning line	String	optional
Indent	indent	Indents the box from the left of the page Auto value 0px	Unknown	optional
Expand	expand collapse	Using expand=yes or collapse=no will leave the material uncollapsed with the border and coloring Example true Auto value	String	optional
Border width (px)	border	Sets the width of the border line on the collapsed material Default 1px Example 2px Auto value	Unknown	optional
Border color	b-color	Sets the border color Default Silver Example #F0F2F5	Unknown	optional
Template width (px or %)	width	Sets the width of the overall template Example 50%	Unknown	optional
Collapsed material background color	bg	Sets the background color of the collapsed material Default #CFC Example #F0F2F5	Unknown	optional
Alight along the left margin (true or blank)	left	Will align the 'parameter 1 title' along the left margin Example true	String	optional
Title font color	fc	Sets the font color of the title of the collapsible bar Default Black Example #F0F2F5	Unknown	optional
Warning (true or blank)	warning	Will display a default warning line under the main title which reads "The following is a closed debate. Please do not modify it." Example true	Unknown	optional
Expanded box border size & color	border2	Sets the border of the box that appears when template is expanded Default 1px silver Example 2px	Unknown	optional
Padding (px)	padding	Sets the padding on the collapsed material in the colored area Default 8px Example 16px	Unknown	optional
Expanded box color	bg2	Sets background of the box that appears when template is expanded Default white Example #F0F2F5	Unknown	optional