Template:HiddenToggle/Button - Revision history

BakiDance: added classes

2022-11-30T05:05:02Z

added classes

2022-07-01T04:43:23Z

noinclude

2022-07-01T04:33:49Z

2022-07-01T04:33:21Z

Documentation

@@ Line 24: / Line 24: @@
 align-items: center;" >{{{Title|{{{1|Click to toggle content}}}}}}</div>
 </div>
 <templatedata>
+{
@@ Line 54: / Line 55: @@
+}
 </templatedata>

@@ Line 50: / Line 50: @@
+		}
 	},
-	"description": "This template acts as a user-controlled toggle for Template:HiddenToggle. These templates are intended to be used together, with this template serving as a method of toggling the state of content hidden with the aforementioned template.",
+	"description": "This template acts as a user-controlled toggle for Template:HiddenToggle. These templates are intended to be used together, with this template serving as a method of toggling the state of content hidden with the aforementioned template. This template does nothing on its own.",
 	"format": "inline"
+}
 </templatedata>

← Older revision		Revision as of 04:33, 1 July 2022
Line 24:		Line 24:
	align-items: center;" >{{{Title\|{{{1\|Click to toggle content}}}}}}</div>		align-items: center;" >{{{Title\|{{{1\|Click to toggle content}}}}}}</div>
	</div>		</div>
		+	<templatedata>
		+	{
		+	"params": {
		+	"boxcolor": {
		+	"label": "Databox color",
		+	"description": "When a valid RGB hex is input, the box will match the color",
		+	"example": "\|boxcolor=#ff8682",
		+	"type": "content",
		+	"autovalue": "#5aa7e2"
		+	},
		+	"ID": {
		+	"label": "Controller ID",
		+	"description": "The ID of the HiddenToggle template. The ID can be any value, but the values of the paired templates MUST match verbatim.",
		+	"type": "string",
		+	"autovalue": "unset",
		+	"required": true
		+	},
		+	"Title": {
		+	"label": "Button Title",
		+	"description": "The title to display on the clickable button.",
		+	"example": "\|Title=Click to reveal map",
		+	"type": "content",
		+	"autovalue": "Click to toggle content",
		+	"suggested": true
		+	}
		+	},
		+	"description": "This template acts as a user-controlled toggle for Template:HiddenToggle. These templates are intended to be used together, with this template serving as a method of toggling the state of content hidden with the aforementioned template.",
		+	"format": "inline"
		+	}
		+	</templatedata>

@@ Line 1: / Line 1: @@
-<div style="border-radius: 5px;
+<div class="ToggleButton-Outer" style="border-radius: 5px;
 box-shadow: 0 1px 3px 0 rgb(102, 102, 102);
 background: rgba(255, 255, 255, 0.7);
@@ Line 9: / Line 9: @@
 width: auto;
 display: flex;">
-<div class=" mw-customtoggle-{{{ID|{{{2|unset}}}}}}" id="mw-customcollapsible-{{{ID|{{{2|unset}}}}}}"
+<div class="ToggleButton-Inner mw-customtoggle-{{{ID|{{{2|unset}}}}}}" id="mw-customcollapsible-{{{ID|{{{2|unset}}}}}}"
 style="background: {{{boxcolor|#5aa7e2}}};
 text-align: center;