Template:Box: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 02:04, 19 February 2026

Usage

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

Example

(Wrapped into Template:Boxes)

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

@@ Line 1: / Line 1: @@
+<includeonly><div class="card with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
-<includeonly>
+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;"
-<div class="card with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
-style="height:340px; display:flex; flex-direction:column; background-position:center; background-repeat:no-repeat; background-size:cover; padding:14px;"
 {{#if:{{{image|}}}|data-background="{{#ifeq:{{{image|}}}|default|/w/extensions/MyWikisLocalConfig/Ayso-logo.png|{{filepath:{{PAGENAME:{{{image|}}}}}}}}}"}}><!--
@@ Line 20: / Line 19: @@
 -->{{#ifeq:{{{header|}}}|bottom|{{#if:{{{target|}}}
-     |[[{{{target|}}}|<div class="card-footer" style="margin-top:auto;">{{{title|Title}}}</div>]]
+     |[[{{{target|}}}|<div class="card-footer"
+       style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
-     |<div class="card-footer" style="margin-top:auto;">{{{title|Title}}}</div>
+       {{{title|Title}}}
+       </div>]]
+     |<div class="card-footer"
+       style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
+       {{{title|Title}}}
+       </div>
    }}|}}
+</div></includeonly><noinclude>
-</div>
-</includeonly>
-<noinclude>
 ;Usage
 <pre>
@@ Line 32: / Line 34: @@
 |title=
 |target=
-|header=bottom
+|header=
 |image=
 |content=
 }}
 </pre>
+;Example
-;Example (Wrapped into [[Template:Boxes]])
+(Wrapped into [[Template:Boxes]])
 {{Boxes|
 {{Box
@@ Line 59: / Line 61: @@
 }}
 }}
 <templatedata>
 {
-  "params": {
+	"params": {
-    "header": {
+		"header": {
-      "label": "Box header position",
+			"label": "Box header position",
-      "description": "Set to \"bottom\" to move header down. Otherwise it will show up at the top.",
+			"description": "Set to \"bottom\" to move header down. Otherwise it will show up at the top.",
-      "type": "string"
+			"type": "string"
-    },
+		},
-    "image": {
+		"image": {
-      "label": "Image",
+			"label": "Image",
-      "description": "Name of the uploaded image to be shown as the box background.",
+			"description": "Name of the uploaded image to be shown as the box background.",
-      "type": "wiki-file-name"
+			"type": "wiki-file-name"
-    },
+		},
-    "target": {
+		"target": {
-      "label": "Link target",
+			"label": "Link target",
-      "description": "Name of the page to link the box to.",
+			"description": "Name of the page to link the box to.",
-      "type": "wiki-page-name"
+			"type": "wiki-page-name"
-    },
+		},
-    "title": {
+		"title": {
-      "label": "Box title",
+			"label": "Box title",
-      "description": "If not set, falls back to `target`.",
+			"description": "If not set, falls back to `target`.",
-      "type": "string"
+			"type": "string"
-    },
+		},
-    "content": {
+		"content": {
-      "label": "Box content",
+			"label": "Box content",
-      "description": "Arbitrary wikitext adapted for use inside templates.",
+			"description": "Arbitrary wikitext adapted for use inside templates.",
-      "type": "content"
+			"type": "content"
+		}
-    }
-  },
+	},
-  "description": "Creates a styled program box.",
+	"description": "Creates a box.",
-  "paramOrder": [
+	"paramOrder": [
-    "title",
+		"title",
-    "header",
+		"header",
-    "target",
+		"target",
-    "image",
+		"image",
-    "content"
+		"content"
-  ]
+	]
 }
 </templatedata>