Template:ToggleStart - Revision history

Darkly77: Add docs for ToggleButton

2022-12-11T13:46:39Z

Add docs for ToggleButton

← Older revision		Revision as of 13:46, 11 December 2022
Line 76:		Line 76:
	\|}		\|}

			=== Separate Button ===

			You can insert the toggle button on its own with [[Template:ToggleButton\|ToggleButton]]. This can be used with [[Template:ToggleSection\|ToggleSection]] for instances where your toggleable section doesn't immediately follow the button.

			{\| class="wikitable" style="width: 80%;"
			! Code
			! Preview
			\|-
			\| style="width: 40%;" \| <pre>
			{{ToggleButton\|id=separatebtn\|btn=Toggle Separate Section}}

			{{ToggleSection\|id=separatebtn}}
			Lorem ipsum dolor sit amet, consectetur adipiscing elit.
			{{ToggleEnd}}
			</pre>
			\| {{ToggleButton\|id=separatebtn\|btn=Toggle Separate Section}}

			{{ToggleSection\|id=separatebtn}}
			Lorem ipsum dolor sit amet, consectetur adipiscing elit.
			{{ToggleEnd}}
			\|}

	<templatedata>		<templatedata>

Darkly77: Add docs + Shorten `btntext` option to just `btn`

2022-12-11T13:40:30Z

Add docs + Shorten `btntext` option to just `btn`

@@ Line 1: / Line 1: @@
 <onlyinclude><includeonly><!--
---><span class="mw-customtoggle-{{{id|1}}} btn btn--toggler">{{{btntext|Toggle}}}</span>
+--><span class="mw-customtoggle-{{{id|1}}} btn btn--toggler">{{{btn|Toggle}}}</span>
-<div class="mw-collapsible mw-made-collapsible mw-collapsed toggler" id="mw-customcollapsible-{{{id|1}}}" data-expandtext="&#9660;" data-collapsetext="&#9650;"><!--
+<div class="mw-collapsible mw-made-collapsible <!--
 --></includeonly></onlyinclude><noinclude><!--NOTE: the editor will show an error due to a missing closing div, this is expected and is OK -->
 Starts a toggleable section, with a button that collapses/uncollapses the wrapped text.
-Must be used with Template:ToggleEnd, which ends the toggleable section.
+Must be used with [[Template:ToggleEnd|ToggleEnd]], which ends the toggleable section.
 The ID should be unique, because the button will toggle any/all other toggleable sections with the same ID. Alternatively, if this effect is desired, the same ID can be used across multiple toggles.
 <templatedata>
@@ Line 21: / Line 88: @@
 			"suggested": true
 		},
-		"btntext": {
+		"btn": {
 			"label": "Button Text",
 			"description": "Text for the toggle button",
@@ Line 32: / Line 99: @@
 	},
 	"paramOrder": [
-		"btntext",
+		"btn",
 		"id"
+	]
+}
 </templatedata></noinclude>

Darkly77: INITIAL \o/

2022-12-11T13:20:20Z

INITIAL \o/

New page

<onlyinclude><includeonly><span class="mw-customtoggle-{{{id|1}}} btn btn--toggler">{{{btntext|Toggle}}}</span>

<div class="mw-collapsible mw-made-collapsible mw-collapsed toggler" id="mw-customcollapsible-{{{id|1}}}" data-expandtext="▼" data-collapsetext="▲"></includeonly></onlyinclude><noinclude>

Starts a toggleable section, with a button that collapses/uncollapses the wrapped text.

Must be used with Template:ToggleEnd, which ends the toggleable section.

The ID should be unique, because the button will toggle any/all other toggleable sections with the same ID. Alternatively, if this effect is desired, the same ID can be used across multiple toggles.

<templatedata>
{
"params": {
"id": {
"label": "ID",
"description": "Unique identifier for the toggle",
"type": "string",
"required": true,
"suggested": true
},
"btntext": {
"label": "Button Text",
"description": "Text for the toggle button",
"example": "Toggle More Details",
"type": "string",
"default": "Toggle",
"required": true,
"suggested": true
}
},
"paramOrder": [
"btntext",
"id"
]
}
</templatedata></noinclude>