Template:Nice List Box: Difference between revisions

Browse history interactively

← Older edit Newer edit →

Content deleted Content added

VisualWikitext

Inline

Revision as of 00:20, January 16, 2025

Example

Example - Example

This is the description of my list entry!

Example - Example
Optional1 - Example
Optional2 - Optional2
Optional3 - Optional3
Optional4 - Optional4

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.
Syntax

{{Nice List Box
|Title=Example
|Color=#FFFFFF
|Image=Unknown.png
|Field1=Example
|Label1=Example
|Field2=Example
|Label2=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
}}

No description.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Title	`Title`	no description	Unknown	suggested
Color	`Color`	no description	Unknown	suggested
Image	`Image`	no description	Unknown	suggested
Field1	`Field1`	no description	Unknown	suggested
Label1	`Label1`	no description	Unknown	suggested
Field2	`Field2`	no description	Unknown	suggested
Label2	`Label2`	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

@@ Line 1: / Line 1: @@
-<includeonly><div style="text-align: center; border: 2px solid {{#if:{{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}};">
+<includeonly><div style="text-align: center; border: 2px solid #{{{BorderColor}}};">
-<span style="font-size:var(--font-size-xxx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Title|unknown}}}</span>
+<span style="font-size:var(--font-size-xxx-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{Title}}}</span>
+{{#if: {{{Image|}}}
+| [[File:{{{Image}}}|center|thumb]]
-{{#if: {{{Subtitle|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Subtitle}}}</span>
 }}
+<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{Label1}}} - {{{Field1}}}</span>
+<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{Label2}}} - {{{Field2}}}</span>
-{{#if: {{{Image|}}}| [[File:{{{Image}}}|{{#if: {{{Image2|}}}|left|center}}|thumb]]}}{{#if: {{{Image2|}}}| [[File:{{{Image2}}}|right|thumb]]}}
-{{#if: {{{Subsubtitle|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Subsubtitle}}}</span>
-}}
-{{#if: {{{Label1|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Label1}}} - {{{Field1}}}</span>
-}}
-{{#if: {{{Label2|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Label2}}} - {{{Field2}}}</span>
-}}
-{{#if: {{{Description|}}}
-|----
-<span style="font-size:var(--font-size-medium);">{{{Description}}}</span><br>
 ----
+<span style="font-size:var(--font-size-medium);">{{{Description}}}</span>
-}}
+----
-{{#if: {{{SubLabel|}}}
-|<span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{SubLabel}}} - {{{SubField}}}</span><br>
+<span style="font-size:var(--font-size-x-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{SubLabel}}} - {{{SubField}}}</span><br>
-}}
 {{#if: {{{OptionalLabel1|}}}
-| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{OptionalLabel1}}} - {{{OptionalField1}}}</span><br>
+| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{OptionalLabel1}}} - {{{OptionalField1}}}</span><br>
 }}
 {{#if: {{{OptionalLabel2|}}}
-| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{OptionalLabel2}}} - {{{OptionalField2}}}</span><br>
+| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{OptionalLabel2}}} - {{{OptionalLabel2}}}</span><br>
 }}
 {{#if: {{{OptionalLabel3|}}}
-| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{OptionalLabel3}}} - {{{OptionalField3}}}</span><br>
+| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{OptionalLabel3}}} - {{{OptionalLabel3}}}</span><br>
 }}
 {{#if: {{{OptionalLabel4|}}}
-| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{OptionalLabel4}}} - {{{OptionalField4}}}</span><br>
+| <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-serif); color:var(--color-base--emphasized);">{{{OptionalLabel4}}} - {{{OptionalLabel4}}}</span><br>
 }}
 </div></includeonly><noinclude>
@@ Line 43: / Line 28: @@
 |Color=#FFFFFF
 |Image=Unknown.png
-|Image2=Unknown.png
-|Subtitle=''Example''
-|Subsubtitle=''Example''
-|Label1=Example
 |Field1=Example
-|Label2=Example
+|Label1=Example
 |Field2=Example
+|Label2=Example
 |Description=This is the description of my list entry!
 |SubLabel=Example
@@ Line 69: / Line 51: @@
 |Title=Example
 |Color=#FFFFFF
-|Font=Helvetica
 |Image=Unknown.png
+|Field1=Example
 |Label1=Example
-|Field1=Example
+|Field2=Example
 |Label2=Example
-|Field2=Example
 |Description=This is the description of my list entry!
 |SubLabel=Example
@@ Line 92: / Line 73: @@
 "Title":{"suggested":true},
 "Color":{"suggested":true},
-"Subtitle":{"suggested":true},
 "Image":{"suggested":true},
-"Subsubtitle":{"suggested":true},
-"Label1":{"suggested":true},
 "Field1":{"suggested":true},
-"Label2":{"suggested":true},
+"Label1":{"suggested":true},
 "Field2":{"suggested":true},
+"Label2":{"suggested":true},
 "Description":{"suggested":true},
 "SubLabel":{"suggested":true},