Template:Box: Difference between revisions

Content deleted Content added

Inline

Revision as of 10:20, 12 February 2026

Usage

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

@@ Line 1: / Line 1: @@
+<includeonly>
-<includeonly><div class="card {{{class|}}} with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
+<div class="ayso-box-item"
-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|}}}"
+style="flex:0 0 calc(33.333% - 16px); max-width:calc(33.333% - 16px); box-sizing:border-box;">
-{{#if:{{{image|}}}|data-background="{{#ifeq:{{{image|}}}|default|/w/extensions/MyWikisLocalConfig/Ayso-logo.png|{{filepath:{{PAGENAME:{{{image|}}}}}}}}}"}}><!--
+  <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|}}}}}}}}}"}}><!--
 -->{{#ifeq:{{{header|}}}|bottom||{{#if:{{{target|}}}
-     |[[{{{target|}}}|<div class="card-header">{{{title|Title}}}</div>]]
+       |[[{{{target|}}}|<div class="card-header">{{{title|Title}}}</div>]]
-     |<div class="card-header">{{{title|Title}}}</div>
+       |<div class="card-header">{{{title|Title}}}</div>
-   }}}}<!--
+     }}}}<!--
 -->{{#if:{{{target|}}}
-     |[[{{{target|}}}|{{#if: {{{content|}}}
+       |[[{{{target|}}}|{{#if: {{{content|}}}
+         |<div class="card-body">
+{{{content|}}}</div>
+         |<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"
+       |[[{{{target|}}}|<div class="card-footer"
-       style="position:absolute; left:0; right:0; bottom:28px; 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}}}
+         {{{title|Title}}}
-       </div>]]
+         </div>]]
-     |<div class="card-footer"
+       |<div class="card-footer"
-       style="position:absolute; left:0; right:0; bottom:28px; 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}}}
+         {{{title|Title}}}
-       </div>
+         </div>
-   }}|}}
+     }}|}}
+  </div>
-</div></includeonly><noinclude>
+</div>
+</includeonly><noinclude>
 ;Usage
 <pre>
@@ Line 37: / Line 42: @@
 |image=
 |content=
-|class=
-|style=
 }}
 </pre>
-;Example
-{{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" },
-		"class": { "label": "Extra CSS class", "description": "Optional CSS class added to the card.", "type": "string" },
-		"style": { "label": "Inline style", "description": "Optional inline CSS appended to the card.", "type": "string" }
-	},
-	"description": "Creates a box.",
-	"paramOrder": [ "title", "header", "target", "image", "content", "class", "style" ]
-}
-</templatedata>
 </noinclude>