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; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
 {{#if:{{{image|}}}|data-background="{{#ifeq:{{{image|}}}|default|/w/extensions/MyWikisLocalConfig/Ayso-logo.png|{{filepath:{{PAGENAME:{{{image|}}}}}}}}}"}}><!--
@@ Line 10: / Line 9: @@
 -->{{#if:{{{target|}}}
-     |[[{{{target|}}}|<div class="card-body"></div>]]
+     |[[{{{target|}}}|{{#if: {{{content|}}}
-     |<div class="card-body"></div>
+       |<div class="card-body">
+{{{content|}}}</div>
+       |<div class="card-body"></div>
+   }}]]
+     |<div class="card-body">
+{{{content|}}}</div>
    }}<!--
 -->{{#ifeq:{{{header|}}}|bottom|{{#if:{{{target|}}}
      |[[{{{target|}}}|<div class="card-footer"
-       style="position:absolute; left:0; right:0; bottom:10px; height:48px; display:flex; align-items:center; justify-content:center;">
+       style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
        {{{title|Title}}}
        </div>]]
      |<div class="card-footer"
-       style="position:absolute; left:0; right:0; bottom:10px; height:48px; display:flex; align-items:center; justify-content:center;">
+       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 33: / Line 34: @@
 |title=
 |target=
-|header=bottom
+|header=
 |image=
 |content=
 }}
 </pre>
+;Example
+(Wrapped into [[Template:Boxes]])
+{{Boxes|
+{{Box
+|title=Sports Connect
+|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"
+		},
+		"image": {
+			"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"
+	]
+}
+</templatedata>
 </noinclude>