Template:Nice List Box: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 04:08, June 9, 2025

Based on Template:Star use for lists that you want to look nice. Works great on mobile (better than tables by a LOT). Optional Fields and Labels only show up if the label field is not empty.

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Title	`Title`	no description	Unknown	suggested
TitleLevel	`TitleLevel`	no description Default 2	Unknown	suggested
Color	`Color`	no description	Unknown	suggested
Subtitle	`Subtitle`	no description	Unknown	suggested
Image	`Image`	no description	Unknown	suggested
ImageSize	`ImageSize`	no description	Unknown	optional
Gallery	`Gallery`	Enter proper gallery formatting here.	Unknown	suggested
Subsubtitle	`Subsubtitle`	no description	Unknown	suggested
Label1	`Label1`	no description	Unknown	suggested
Field1	`Field1`	no description	Unknown	suggested
Label2	`Label2`	no description	Unknown	suggested
Field2	`Field2`	no description	Unknown	suggested
Description	`Description`	no description	Unknown	suggested
SubLabel	`SubLabel`	no description	Unknown	suggested
SubField	`SubField`	no description	Unknown	suggested
OptionalLabel1	`OptionalLabel1`	Does not show up if it is empty	Unknown	suggested
OptionalField1	`OptionalField1`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel2	`OptionalLabel2`	Does not show up if it is empty	Unknown	suggested
OptionalField2	`OptionalField2`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel3	`OptionalLabel3`	Does not show up if it is empty	Unknown	suggested
OptionalField3	`OptionalField3`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel4	`OptionalLabel4`	Does not show up if it is empty	Unknown	suggested
OptionalField4	`OptionalField4`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel5	`OptionalLabel5`	Does not show up if it is empty	Unknown	suggested
OptionalField5	`OptionalField5`	Does not show up if its label is empty	Unknown	suggested

Example

{{Nice List Box
|Title=Example
|Color=#FFFFFF
|Font=Helvetica
|Image=Unknown.png
|Gallery=<gallery>
File:Unknown.png
File:Community.png
File:Glypht.png
</gallery>
|Label1=Example
|Field1=Example
|Label2=Example
|Field2=Example
|Description=This is the description of my list entry!
|SubLabel=Example
|SubField=Example
|OptionalLabel1=Optional1
|OptionalField1=Example
|OptionalLabel2=Optional2
|OptionalField2=Example
|OptionalLabel3=Optional3
|OptionalField3=Example
|OptionalLabel4=Optional4
|OptionalField4=Example
|OptionalLabel5=Optional4
|OptionalField5=Example
}}

Example

Example

File:Community.png

Example

Example - Example

This is the description of my list entry!

Example - Example

Optional1 - Example

Optional2 - Example

Optional3 - Example

Optional4 - Example

Optional5 - Example

@@ Line 1: / Line 1: @@
 <templatestyles src="Nice List Box/styles.css"/><includeonly>
-<div class="template-nice-list-box" style="font-family:var(--font-family-header-custom,var(--font-family-serif));border:2px solid {{#if:{{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}}">
+<div class="template-nice-list-box" style="border:2px solid {{#if: {{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}}">
-<div class="template-nice-list-box-title">{{{Title|unknown}}}</div>
+<h{{#if: {{{TitleLevel|}}}|{{{TitleLevel}}}|2}} class="template-nice-list-box-title">{{{Title|unknown}}}</h{{#if: {{{TitleLevel|}}}|{{{TitleLevel}}}|2}}><!--
-{{#if: {{{Subtitle|}}}|<div class="template-nice-list-box-subtitle">{{{Subtitle}}}</div>}}
+-->{{#if: {{{Subtitle|}}}|<div class="template-nice-list-box-subtitle">{{{Subtitle}}}</div>}}<!--
-{{#if: {{{Image|}}}|[[File:{{{Image}}}|center|thumb]]}}
+-->{{#if: {{{Image|}}}|<div class="template-nice-list-box-image">[[File:{{{Image}}}{{#if: {{{ImageSize|}}}|{{!}}{{{ImageSize}}}}}|center|thumb]]</div>}}{{#if: {{{Gallery|}}}|<div class="template-nice-list-box-gallery">{{{Gallery}}}</div>}}<!--
-{{#if: {{{Gallery|}}}|{{{Gallery}}}}}
+-->{{#if: {{{Subsubtitle|}}}|<div class="template-nice-list-box-subsubtitle">{{{Subsubtitle}}}</div>}}<!--
-{{#if: {{{Subsubtitle|}}}|<div class="template-nice-list-box-subsubtitle">{{{Subsubtitle}}}</div>}}
+-->{{#if: {{{Label1|}}}|<div class="template-nice-list-box-label">{{{Label1}}} - {{{Field1}}}</div>}}<!--
-{{#if: {{{Label1|}}}|<div class="template-nice-list-box-label">{{{Label1}}} - {{{Field1}}}</div>}}
+-->{{#if: {{{Label2|}}}|<div class="template-nice-list-box-label">{{{Label2}}} - {{{Field2}}}</div>}}<!--
-{{#if: {{{Label2|}}}|<div class="template-nice-list-box-label">{{{Label2}}} - {{{Field2}}}</div>}}
+-->{{#if: {{{Description|}}}|<hr style="background: {{#if: {{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}}"><div class="template-nice-list-box-description">{{{Description}}}</div><hr style="background: {{#if: {{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}}">}}<!--
-{{#if: {{{Description|}}}|<hr><div class="template-nice-list-box-description">{{{Description}}}</div><hr>}}
+-->{{#if: {{{SubLabel|}}}|<div class="template-nice-list-box-field"><span class="template-nice-list-box-label">{{{SubLabel}}}</span> - {{{SubField}}}</div>}}<!--
-{{#if: {{{SubLabel|}}}|<div class="template-nice-list-box-label">{{{SubLabel}}} - {{{SubField}}}</div>}}
+-->{{#if: {{{OptionalLabel1|}}}|<div class="template-nice-list-box-field"><span class="template-nice-list-box-label">{{{OptionalLabel1}}}</span> - {{{OptionalField1}}}</div>}}<!--
-{{#if: {{{OptionalLabel1|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel1}}} - {{{OptionalField1}}}</div>}}
+-->{{#if: {{{OptionalLabel2|}}}|<div class="template-nice-list-box-field"><span class="template-nice-list-box-label">{{{OptionalLabel2}}}</span> - {{{OptionalField2}}}</div>}}<!--
-{{#if: {{{OptionalLabel2|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel2}}} - {{{OptionalField2}}}</div>}}
+-->{{#if: {{{OptionalLabel3|}}}|<div class="template-nice-list-box-field"><span class="template-nice-list-box-label">{{{OptionalLabel3}}}</span> - {{{OptionalField3}}}</div>}}<!--
-{{#if: {{{OptionalLabel3|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel3}}} - {{{OptionalField3}}}</div>}}
+-->{{#if: {{{OptionalLabel4|}}}|<div class="template-nice-list-box-field"><span class="template-nice-list-box-label">{{{OptionalLabel4}}}</span> - {{{OptionalField4}}}</div>}}<!--
-{{#if: {{{OptionalLabel4|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel4}}} - {{{OptionalField4}}}</div>}}
+-->{{#if: {{{OptionalLabel5|}}}|<div class="template-nice-list-box-field"><span class="template-nice-list-box-label">{{{OptionalLabel5}}}</span> - {{{OptionalField5}}}</div>}}
 </div>
 </includeonly><noinclude>
@@ Line 90: / Line 90: @@
 			"suggested": true,
 			"description": "Does not show up if its label is empty"
+		},
+		"OptionalLabel5": {
+			"suggested": true,
+			"description": "Does not show up if it is empty"
+		},
+		"OptionalField5": {
+			"suggested": true,
+			"description": "Does not show up if its label is empty"
+		},
+		"ImageSize": {},
+		"TitleLevel": {
+			"default": "2",
+			"suggested": true
 		}
 	},
 	"sets": [],
 	"description": "Based on Template:Star use for lists that you want to look nice. Works great on mobile (better than tables by a LOT). Optional Fields and Labels only show up if the label field is not empty.",
-	"format": "block"
+	"format": "block",
+	"paramOrder": [
+		"Title",
+		"TitleLevel",
+		"Color",
+		"Subtitle",
+		"Image",
+		"ImageSize",
+		"Gallery",
+		"Subsubtitle",
+		"Label1",
+		"Field1",
+		"Label2",
+		"Field2",
+		"Description",
+		"SubLabel",
+		"SubField",
+		"OptionalLabel1",
+		"OptionalField1",
+		"OptionalLabel2",
+		"OptionalField2",
+		"OptionalLabel3",
+		"OptionalField3",
+		"OptionalLabel4",
+		"OptionalField4",
+		"OptionalLabel5",
+		"OptionalField5"
+	]
 }
 </templatedata>
@@ Line 125: / Line 165: @@
 |OptionalLabel4=Optional4
 |OptionalField4=Example
+|OptionalLabel5=Optional4
+|OptionalField5=Example
 }}
 </pre>
@@ Line 154: / Line 196: @@
 |OptionalLabel4=Optional4
 |OptionalField4=Example
+|OptionalLabel5=Optional5
+|OptionalField5=Example
 }}
 </noinclude>