Template:Box - Revision history

Professional Wiki: 39 revisions imported: Import changes since February 9, 2026

2026-02-19T10:04:51Z

39 revisions imported: Import changes since February 9, 2026

← Older revision		Revision as of 03:04, 19 February 2026
(No difference)

ayso>Alexdiaz at 18:33, 12 February 2026

2026-02-12T18:33:27Z

← Older revision		Revision as of 11:33, 12 February 2026
Line 1:		Line 1:
	<includeonly><div class="card with-{{#ifeq:{{{header\|}}}\|bottom\|footer\|header}} border border-primary"		<includeonly><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;"		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;"
	{{#if:{{{image\|}}}\|data-background="{{#ifeq:{{{image\|}}}\|default\|/w/extensions/MyWikisLocalConfig/Ayso-logo.png\|{{filepath:{{PAGENAME:{{{image\|}}}}}}}}}"}}><!--		{{#if:{{{image\|}}}\|data-background="{{#ifeq:{{{image\|}}}\|default\|/w/extensions/MyWikisLocalConfig/Ayso-logo.png\|{{filepath:{{PAGENAME:{{{image\|}}}}}}}}}"}}><!--

ayso>Alexdiaz at 18:32, 12 February 2026

2026-02-12T18:32:10Z

← Older revision		Revision as of 11:32, 12 February 2026
Line 1:		Line 1:
		⚫	<includeonly><div class="card with-{{#ifeq:{{{header\|}}}\|bottom\|footer\|header}} border border-primary"
⚫	<includeonly>
		⚫	style="height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
	<div class="ayso-box-item" style="min-width:0; 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="~~width:100%; max-width:100%; min-width:0; box-sizing:border-box;~~ 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\|}}}		-->{{#ifeq:{{{header\|}}}\|bottom\|\|{{#if:{{{target\|}}}
Line 30:		Line 28:
	</div>		</div>
	}}\|}}		}}\|}}
		⚫	</div></includeonly><noinclude>
	</div>
	</div>
	</includeonly>

	<noinclude>
	;Usage		;Usage
	<pre>		<pre>
Line 45:		Line 39:
	}}		}}
	</pre>		</pre>

	;Example		;Example
	(Wrapped into [[Template:Boxes]])		(Wrapped into [[Template:Boxes]])
Line 70:		Line 63:
	<templatedata>		<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 box.",		"description": "Creates a box.",
	"paramOrder": [		"paramOrder": [
	"title",		"title",
	"header",		"header",
	"target",		"target",
	"image",		"image",
	"content"		"content"
	]		]
	}		}
	</templatedata>		</templatedata>

ayso>Alexdiaz at 18:30, 12 February 2026

2026-02-12T18:30:33Z

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="ayso-box-item"
+<div class="ayso-box-item" style="min-width:0; box-sizing:border-box;">
   <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;"
+  style="width:100%; max-width:100%; min-width:0; box-sizing:border-box; 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|}}}|<div class="card-body"></div>]]
+     |[[{{{target|}}}|{{#if: {{{content|}}}
        |<div class="card-body"></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>
@@ Line 30: / Line 37: @@
 ;Usage
 <pre>
 </pre>
 </noinclude>

ayso>Alexdiaz at 18:28, 12 February 2026

2026-02-12T18:28:38Z

@@ Line 1: / Line 1: @@
 <includeonly>
 <div class="ayso-box-item"
-style="outline:4px dashed magenta; flex:0 0 calc((100% - 48px) / 3); max-width:calc((100% - 48px) / 3); box-sizing:border-box; min-width:0;">
+style="outline:4px dashed magenta; flex:0 0 calc((100% - 24px) / 3); max-width:calc((100% - 24px) / 3); box-sizing:border-box; min-width:0;">
   <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>]]
        |<div class="card-header">{{{title|Title}}}</div>
      }}}}<!--
 -->{{#if:{{{target|}}}
-       |[[{{{target|}}}|{{#if: {{{content|}}}
+       |[[{{{target|}}}|<div class="card-body"></div>]]
-         |<div class="card-body">
+       |<div class="card-body"></div>
      }}<!--
 -->{{#ifeq:{{{header|}}}|bottom|{{#if:{{{target|}}}
        |[[{{{target|}}}|<div class="card-footer"
@@ Line 38: / Line 30: @@
 ;Usage
 <pre>
 </pre>
 </noinclude>

ayso>Alexdiaz at 18:27, 12 February 2026

2026-02-12T18:27:05Z

@@ Line 1: / Line 1: @@
 <includeonly>
 <div class="ayso-box-item"
-style="flex:0 0 calc((100% - 48px) / 3); max-width:calc((100% - 48px) / 3); box-sizing:border-box; min-width:0;">
+style="outline:4px dashed magenta; flex:0 0 calc((100% - 48px) / 3); max-width:calc((100% - 48px) / 3); box-sizing:border-box; min-width:0;">
   <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;"
@@ Line 12: / Line 12: @@
 -->{{#if:{{{target|}}}
-       |[[{{{target|}}}|<div class="card-body"></div>]]
+       |[[{{{target|}}}|{{#if: {{{content|}}}
-       |<div class="card-body"></div>
+         |<div class="card-body">
      }}<!--
@@ Line 41: / Line 46: @@
 }}
 </pre>
 </noinclude>

ayso>Alexdiaz at 18:23, 12 February 2026

2026-02-12T18:23:29Z

← Older revision		Revision as of 11:23, 12 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ayso-box-item"		<div class="ayso-box-item"
	style="flex:0 0 calc((100% - ~~(2 * var(--ayso-gap))~~) / 3); max-width:calc((100% - ~~(2 * var(--ayso-gap))~~) / 3); box-sizing:border-box; min-width:0;">		style="flex:0 0 calc((100% - 48px) / 3); max-width:calc((100% - 48px) / 3); box-sizing:border-box; min-width:0;">
	<div class="card with-{{#ifeq:{{{header\|}}}\|bottom\|footer\|header}} border border-primary"		<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;"		style="height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
Line 12:		Line 12:

	-->{{#if:{{{target\|}}}		-->{{#if:{{{target\|}}}
	\|[[{{{target\|}}}\|~~{{#if:~~ ~~{{{content\|}}}~~		\|[[{{{target\|}}}\|<div class="card-body"></div>]]
	\|<div class="card-body">		\|<div class="card-body"></div>
	{{{content\|}}}</div>
	\|<div class="card-body"></div>
	}}]]
	\|<div class="card-body">
	{{{content\|}}}</div>
	}}<!--		}}<!--

ayso>Alexdiaz at 18:22, 12 February 2026

2026-02-12T18:22:11Z

← Older revision		Revision as of 11:22, 12 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ayso-box-item"		<div class="ayso-box-item"
	style="flex:0 0 calc(~~33.333~~% - ~~16px~~); max-width:calc(~~33.333~~% - ~~16px~~); box-sizing:border-box;">		style="flex:0 0 calc((100% - (2 * var(--ayso-gap))) / 3); max-width:calc((100% - (2 * var(--ayso-gap))) / 3); box-sizing:border-box; min-width:0;">
	<div class="card with-{{#ifeq:{{{header\|}}}\|bottom\|footer\|header}} border border-primary"		<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;"		style="height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
Line 33:		Line 33:
	</div>		</div>
	</div>		</div>
	</includeonly~~><noinclude~~>		</includeonly>

			<noinclude>
	;Usage		;Usage
	<pre>		<pre>

ayso>Alexdiaz at 18:20, 12 February 2026

2026-02-12T18:20:38Z

← Older revision		Revision as of 11:20, 12 February 2026
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\|}}}		-->{{#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\|}}}		-->{{#if:{{{target\|}}}
	\|[[{{{target\|}}}\|{{#if: {{{content\|}}}		\|[[{{{target\|}}}\|{{#if: {{{content\|}}}
		⚫	\|<div class="card-body">
		⚫	{{{content\|}}}</div>
			\|<div class="card-body"></div>
		⚫	}}]]
	\|<div class="card-body">		\|<div class="card-body">
	{{{content\|}}}</div>		{{{content\|}}}</div>
		⚫	}}<!--
⚫	\|<div class="card-body"~~></div~~>
⚫	}}]]
⚫	\|<div class="~~card~~-~~body~~">
⚫	{{{content\|}}}</div>
⚫	}}<!--

	-->{{#ifeq:{{{header\|}}}\|bottom\|{{#if:{{{target\|}}}		-->{{#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		;Usage
	<pre>		<pre>
Line 37:		Line 42:
	\|image=		\|image=
	\|content=		\|content=
	\|class=
	\|style=
	}}		}}
	</pre>		</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>		</noinclude>

ayso>Alexdiaz at 18:17, 12 February 2026

2026-02-12T18:17:01Z

@@ 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=
 }}
 </pre>
 ;Example
 {{Boxes|
 }}
 <templatedata>
+{
 	"params": {
 	},
 	"description": "Creates a box.",
+}
 </templatedata>