Template:Collapsible Section - Revision history

Psuvillager: Cleanup

2025-01-18T02:41:48Z

Cleanup

← Older revision		Revision as of 02:41, 18 January 2025
Line 27:		Line 27:

	</noinclude>		</noinclude>

			<includeonly>

	<div class="mw-collapsible">		<div class="mw-collapsible">
	<span mw-collapsible-toggle-placeholder></span>		<span mw-collapsible-toggle-placeholder></span>
	~~<includeonly>~~{{{2}}}~~</includeonly>~~		{{{2}}}
	<div class="mw-collapsible-content">		<div class="mw-collapsible-content">
	~~<includeonly>~~{{{1}}}~~</includeonly>~~		{{{1}}}
	</div>		</div>
	</div>		</div>

			</includeonly>

Psuvillager: Formatting

2025-01-18T02:37:17Z

Formatting

← Older revision		Revision as of 02:37, 18 January 2025
Line 1:		Line 1:
	<noinclude>		<noinclude>

			<span style="font-size:1.3em">
	This template makes a collapsible section with basic formatting, including an optional title. It:		This template makes a collapsible section with basic formatting, including an optional title. It:
			</span>
	* Leaves the title (if any) visible when the content is collapsed		* Leaves the title (if any) visible when the content is collapsed
	* Uses the "mw-collapsible" components explicitly to keep the toggle button from drifting into any subsequent text (<span style="font~~-family~~:monospace">mw-collapsible-toggle-placeholder</span> and particularly <span style="font~~-family~~:monospace">mw-collapsible-content</span>.)		* Uses the "mw-collapsible" components explicitly to keep the toggle button from drifting into any subsequent text (<span style="font:1.15em monospace">mw-collapsible-toggle-placeholder</span> and particularly <span style="font:1.15em monospace">mw-collapsible-content</span>.)

	<br /><br />		<br /><br />

	Write: <code><nowiki>{{Collapsible Section\|my content\|my title}}</nowiki></code><br />		<span style="font-size:1.15em"> Write:</span> <code><nowiki>{{Collapsible Section\|my content\|my title}}</nowiki></code><br />
			<span style="font-size:1.15em">to get:</span><br />
	to get:
			<small>(borders for demo only)</small>
	<div style="border: 1px solid grey">		<div style="border: 1px solid grey">
	{{Collapsible Section\|my content\|my title}}		{{Collapsible Section\|my content\|my title}}

Psuvillager: Fixed it

2025-01-18T02:22:48Z

Fixed it

@@ Line 1: / Line 1: @@
 <div class="mw-collapsible-content">
-{{{1}}}
+<includeonly>{{{1}}}</includeonly>
 </div>
 </div>

Psuvillager: testing

2025-01-18T01:15:09Z

testing

@@ Line 1: / Line 1: @@
 <div class="mw-collapsible" style="min-height:1.5em">
-<span mw-collapsible-toggle-placeholder></span>
+<div mw-collapsible-toggle-placeholder></div>
 <div class="mw-collapsible-content">
-{{{content}}}
+{{{1}}}
 </div>
 </div>

Psuvillager: Simplified, fixed syntax, explicitly included collapsible classes

2025-01-17T23:52:16Z

Simplified, fixed syntax, explicitly included collapsible classes

← Older revision		Revision as of 23:52, 17 January 2025
Line 1:		Line 1:
			<div class="mw-collapsible" style="min-height:1.5em">
	<span><h2 style="display: inline; margin: none; border: none;">{{title}}{</h2><span>{{summary}}</span></span>
	<div class="~~mw-~~collapsible mw-~~collapsed~~">{{~~details~~}}</div>		<div class="collapsible-title">{{{title}}}</div>
			<span mw-collapsible-toggle-placeholder></span>

			<div class="mw-collapsible-content">
			{{{content}}}
			</div>
			</div>

			<noinclude>
	<!-- Docs: www.mediawiki.org/wiki/Extension:TemplateData -->		<!-- Docs: www.mediawiki.org/wiki/Extension:TemplateData -->
	<templatedata>		<templatedata>
	{		{
	"description": "This template adds a collapsible ~~text~~ ~~block,~~ ~~under~~ a ~~level-2~~ ~~header~~ ~~with~~ optional ~~summary~~ ~~text~~.",		"description": "This template adds a collapsible div tall enough for its toggle button. Title is optional; content is required.",
	"params": {		"params": {
	"~~title~~": {		"content": {
	"label": "~~Header~~",		"label": "content",
	"description": "~~Section~~ ~~name~~",		"description": "Part that actually collapses",
	"required": ~~false~~,		"required": true,
	"~~suggested~~": ~~true~~,		"aliases": ["1"],
		⚫	"example": "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.",
⚫	"deprecated": false,
	"~~aliases~~": ["1"],		"type": "string"
	~~"default":~~ ~~null~~,		},
	"~~example~~": ~~"My Section",~~		"title": {
	"~~type~~": "~~string~~"		"label": "title",
		⚫	"description": "Always visible at top (if included)",
	},
	"~~summary~~": {		"required": false,
	"~~label~~": ~~"Summary"~~,		"suggested": false,
		⚫	"deprecated": false,
⚫	"description": "~~Optional~~ ~~summary~~ ~~text~~ (~~always~~ ~~visible~~)",
	"~~required~~": ~~false~~,		"aliases": ["2"],
	"~~suggested~~": ~~false~~,		"default": null,
	"~~aliases~~": ["2"],		"example": "My Section",
	~~"example":~~ ", ~~which~~ ~~has~~ ~~this~~ ~~great~~ ~~summary~~",		"type": "string"
	~~"type":~~ ~~"string"~~		}
	},		},
	"~~details~~": {		"paramOrder": ["content","title"],
	"~~label~~": ~~"Details",~~		"sets": [{
	"~~description~~": "~~Collapsed~~ ~~text~~",		"label": "group of related parameters",
	"~~required~~": ~~false~~,		"params": ["content","title"]
	~~"suggested":~~ ~~true~~,		}],
	"~~aliases~~": ["3"],		"format": "inline",
		⚫	"maps": {}
⚫	"example": "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~~.",
	"type": "string"
	}
	},
	"paramOrder": [
	"title", "summary", "details"
	],
	"sets": [
	{
	"label": "group of related parameters",
	"params": ["title", "summary", "details"]
	}
	],
	"format": "inline",
⚫	"maps": {}
	}		}
	</templatedata>		</templatedata>
			</noinclude>

Psuvillager: Moved the code to this properly named `Template:` page.

2023-05-14T23:08:54Z

Moved the code to this properly named `Template:` page.

New page

<span><h2 style="display: inline; margin: none; border: none;">{{title}}{</h2><span>{{summary}}</span></span>
<div class="mw-collapsible mw-collapsed">{{details}}</div>


<templatedata>
{
"description": "This template adds a collapsible text block, under a level-2 header with optional summary text.",
"params": {
"title": {
"label": "Header",
"description": "Section name",
"required": false,
"suggested": true,
"deprecated": false,
"aliases": ["1"],
"default": null,
"example": "My Section",
"type": "string"
},
"summary": {
"label": "Summary",
"description": "Optional summary text (always visible)",
"required": false,
"suggested": false,
"aliases": ["2"],
"example": ", which has this great summary",
"type": "string"
},
"details": {
"label": "Details",
"description": "Collapsed text",
"required": false,
"suggested": true,
"aliases": ["3"],
"example": "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.",
"type": "string"
}
},
"paramOrder": [
"title", "summary", "details"
],
"sets": [
{
"label": "group of related parameters",
"params": ["title", "summary", "details"]
}
],
"format": "inline",
"maps": {}
}
</templatedata>