Template:Box: Difference between revisions

Content deleted Content added

Inline

Revision as of 10:17, 12 February 2026

Usage

{{Box
|title=
|target=
|header=
|image=
|content=
|class=
|style=
}}

Example

Creates a box.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Box title	`title`	If not set, falls back to `target`.	String	optional
Box header position	`header`	Set to "bottom" to move header down. Otherwise it will show up at the top.	String	optional
Link target	`target`	Name of the page to link the box to.	Page name	optional
Image	`image`	Name of the uploaded image to be shown as the box background.	File	optional
Box content	`content`	Arbitrary wikitext adapted for use inside templates.	Content	optional
Extra CSS class	`class`	Optional CSS class added to the card.	String	optional
Inline style	`style`	Optional inline CSS appended to the card.	String	optional

@@ Line 1: / Line 1: @@
-<includeonly><div class="card with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
+<includeonly><div class="card {{{class|}}} with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
-style="grid-column:auto / span 1; width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; box-sizing:border-box; height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
+style="grid-column:auto / span 1; width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; box-sizing:border-box; height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; {{{style|}}}"
 {{#if:{{{image|}}}|data-background="{{#ifeq:{{{image|}}}|default|/w/extensions/MyWikisLocalConfig/Ayso-logo.png|{{filepath:{{PAGENAME:{{{image|}}}}}}}}}"}}><!--
@@ Line 37: / Line 37: @@
 |image=
 |content=
+|class=
+|style=
 }}
 </pre>
 ;Example
-(Wrapped into [[Template:Boxes]])
 {{Boxes|
+{{Box|title=Sports Connect|target=Sports Connect|header=bottom|image=Ayso-connect.png}}
-{{Box
+{{Box|title=AYSOU|target=AYSOU|header=bottom|image=Ayso-circle.png}}
-|title=Sports Connect
+{{Box|title=Background Checks|target=Background Checks|header=bottom|image=Ayso-run.png}}
-|target=Sports Connect
-|header=bottom
-|image=Ayso-connect.png
-}}
-{{Box
-|title=AYSOU
-|target=AYSOU
-|header=bottom
-|image=Ayso-circle.png
-}}
-{{Box
-|title=Background Checks
-|target=Background Checks
-|header=bottom
-|image=Ayso-run.png
-}}
 }}
 <templatedata>
 {
 	"params": {
+		"header": { "label": "Box header position", "description": "Set to \"bottom\" to move header down. Otherwise it will show up at the top.", "type": "string" },
-		"header": {
+		"image": { "label": "Image", "description": "Name of the uploaded image to be shown as the box background.", "type": "wiki-file-name" },
-			"label": "Box header position",
+		"target": { "label": "Link target", "description": "Name of the page to link the box to.", "type": "wiki-page-name" },
-			"description": "Set to \"bottom\" to move header down. Otherwise it will show up at the top.",
+		"title": { "label": "Box title", "description": "If not set, falls back to `target`.", "type": "string" },
-			"type": "string"
+		"content": { "label": "Box content", "description": "Arbitrary wikitext adapted for use inside templates.", "type": "content" },
-		},
+		"class": { "label": "Extra CSS class", "description": "Optional CSS class added to the card.", "type": "string" },
-		"image": {
+		"style": { "label": "Inline style", "description": "Optional inline CSS appended to the card.", "type": "string" }
-			"label": "Image",
-			"description": "Name of the uploaded image to be shown as the box background.",
-			"type": "wiki-file-name"
-		},
-		"target": {
-			"label": "Link target",
-			"description": "Name of the page to link the box to.",
-			"type": "wiki-page-name"
-		},
-		"title": {
-			"label": "Box title",
-			"description": "If not set, falls back to `target`.",
-			"type": "string"
-		},
-		"content": {
-			"label": "Box content",
-			"description": "Arbitrary wikitext adapted for use inside templates.",
-			"type": "content"
-		}
 	},
 	"description": "Creates a box.",
+	"paramOrder": [ "title", "header", "target", "image", "content", "class", "style" ]
-	"paramOrder": [
-		"title",
-		"header",
-		"target",
-		"image",
-		"content"
-	]
 }
 </templatedata>