Template:Nice List Box: Difference between revisions

Content deleted Content added

Inline

Revision as of 03:25, January 16, 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
Color	`Color`	no description	Unknown	suggested
Subtitle	`Subtitle`	no description	Unknown	suggested
Image	`Image`	no description	Unknown	suggested
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

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
}}

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

@@ 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-title">{{{Title|unknown}}}</div>
+<div class="template-nice-list-box-title">{{{Title|unknown}}}</div><!--
-{{#if: {{{Subtitle|}}}|<div class="template-nice-list-box-subtitle">{{{Subtitle}}}</div>}}
+-->{{#if: {{{Subtitle|}}}|<div class="template-nice-list-box-subtitle">{{{Subtitle}}}</div>}}<!--
-{{#if: {{{Image|}}}|<div class="template-nice-list-box-image">[[File:{{{Image}}}|center|thumb]]</div>}}{{#if: {{{Gallery|}}}|<div class="template-nice-list-box-gallery">{{{Gallery}}}</div>}}
+-->{{#if: {{{Image|}}}|<div class="template-nice-list-box-image">[[File:{{{Image}}}|center|thumb]]</div>}}{{#if: {{{Gallery|}}}|<div class="template-nice-list-box-gallery">{{{Gallery}}}</div>}}<!--
-{{#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><div class="template-nice-list-box-description">{{{Description}}}</div><hr>}}
+-->{{#if: {{{Description|}}}|<hr><div class="template-nice-list-box-description">{{{Description}}}</div><hr>}}<!--
-{{#if: {{{SubLabel|}}}|<div class="template-nice-list-box-label">{{{SubLabel}}} - {{{SubField}}}</div>}}
+-->{{#if: {{{SubLabel|}}}|<div class="template-nice-list-box-label">{{{SubLabel}}} - {{{SubField}}}</div>}}<!--
-{{#if: {{{OptionalLabel1|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel1}}} - {{{OptionalField1}}}</div>}}
+-->{{#if: {{{OptionalLabel1|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel1}}} - {{{OptionalField1}}}</div>}}<!--
-{{#if: {{{OptionalLabel2|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel2}}} - {{{OptionalField2}}}</div>}}
+-->{{#if: {{{OptionalLabel2|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel2}}} - {{{OptionalField2}}}</div>}}<!--
-{{#if: {{{OptionalLabel3|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel3}}} - {{{OptionalField3}}}</div>}}
+-->{{#if: {{{OptionalLabel3|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel3}}} - {{{OptionalField3}}}</div>}}<!--
-{{#if: {{{OptionalLabel4|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel4}}} - {{{OptionalField4}}}</div>}}
+-->{{#if: {{{OptionalLabel4|}}}|<div class="template-nice-list-box-label">{{{OptionalLabel4}}} - {{{OptionalField4}}}</div>}}
 </div>
 </includeonly><noinclude>