Notice

Latest revision as of 11:03, 4 December 2023

Notice template

This is a template for creating a general notice banner on pages. Useful for communicating some extra information the reader should be aware of.

Use https://fontawesome.com/v6/icons for picking icons, or set an image as one.

See Category:Notice templates for other templates based on this one.

Example(s)

{{Notice
|title=Title of notice
|message=Message Body
|contentbackcolor=
|iconbackcolor=
|icon=
|customiconpadding=
|customcontentpadding=
}}

generates:

Title of notice: Message Body

Template data

A template for leaving a notice banner on articles.

Template parameters
Parameter		Description	Type	Status
Title	`title`	Title of the notice	String	suggested
Message	`message` `content`	The message body of the notice	String	required
Icon	`icon`	FontAwesome icon to display on the notice Example fas fa-edit Auto value `fas fa-edit`	String	optional
Icon color	`iconbackcolor`	Background color of the icon section of the notice	String	optional
Content background color	`contentbackcolor`	Background color of the body of the notice.	String	optional
Icon padding values	`customiconpadding`	Custom padding values for the icon section of the notice Example 10px 10px 10px 10px	String	optional
Content padding values	`customcontentpadding`	Custom padding values for the body of the notice Example 10px 10px 10px 10px	String	optional
Class	`class`	Optional extra CSS classes for the notice	String	optional
Image	`image`	Optional free-form image input in place of the icon, for use in license templates.	String	optional
Border color	`bordercolor`	no description Default #d9d6d3	String	optional
Icon color	`iconcolor`	no description Default white	String	optional
License information	`license`	Machine readable license information (hidden from viewer)	String	optional
clear	`clear`	no description Default left Example left, right, both	String	optional

@@ Line 1: / Line 1: @@
 <includeonly><div style="display:flex; margin:10px; float:left; border:1px solid {{{bordercolor|#d9d6d3}}}" class="notice phonefullscreen noexcerpt {{{class|}}}"><!--
 --><div style="display:flex; flex-direction:column; justify-content:center; padding:{{{customiconpadding|12px}}}; background-color:{{{iconbackcolor|#8b0024}}};"><!--
-       ---><i class="{{{icon|fas fa-edit}}}" style="color:white; font-size:160%"></i><!--
+       --->{{#if:{{{image|}}}|{{{image}}}|{{fa|{{{icon|edit}}}|{{{iconstyle|solid}}}|color={{{iconcolor|white}}}|style=font-size:160%;}} }}<!--
 --></div><!--
 --><div style="flex-grow:1; background-color:{{{contentbackcolor|#E9EDEF}}}; display:flex; flex-direction:column; justify-content:center;"><div style="padding:{{{customcontentpadding|12px 14px}}};"><!--
-       -->{{#if: {{{title|}}}|'''{{{title|}}}'''|}}{{#if: {{{message|}}}|<b>:</b>|}} {{{message|}}}<!--
+       -->{{#if: {{{title|}}}|'''{{{title|}}}'''|}}{{#if: {{{message|}}}|<b>:</b>|}} {{{message|}}}{{{license|}}}<!--
 --></div></div></div><!--
 --><div style="clear:{{{clear|left}}};"></div></includeonly><noinclude>
-<noinclude><pre>{{Notice
+==Notice template==
+This is a template for creating a general notice banner on pages. Useful for communicating some extra information the reader should be aware of.
+Use [https://fontawesome.com/v6/icons https://fontawesome.com/v6/icons] for picking icons, or set an image as one.
+See [[:Category:Notice templates]] for other templates based on this one.
+===Example(s)===
+<pre>{{Notice
 |title=Title of notice
 |message=Message Body
@@ Line 16: / Line 24: @@
 |customiconpadding=
 |customcontentpadding=
-}}</pre>
+}}</pre> generates: {{Notice
-{{Notice
 |title=Title of notice
 |message=Message Body
-|icon=fas fa-edit
 }}
-See [[:Category:Notice templates]] for other templates based on this one.
+==Template data==
 <templatedata>
 {
@@ Line 37: / Line 41: @@
 			"label": "Class",
 			"description": "Optional extra CSS classes for the notice",
+			"type": "string"
+		},
+		"image": {
+			"label": "Image",
+			"description": "Optional free-form image input in place of the icon, for use in license templates.",
 			"type": "string"
 		},
@@ Line 77: / Line 86: @@
 			"type": "string",
 			"required": true
+		},
+		"bordercolor": {
+			"label": "Border color",
+			"type": "string",
+			"default": "#d9d6d3"
+		},
+		"iconcolor": {
+			"label": "Icon color",
+			"type": "string",
+			"default": "white"
+		},
+		"license": {
+			"label": "License information",
+			"description": "Machine readable license information (hidden from viewer)",
+			"type": "string"
+		},
+		"clear": {
+			"label": "clear",
+			"example": "left, right, both",
+			"type": "string",
+			"default": "left"
 		}
 	},
@@ Line 87: / Line 117: @@
 		"customiconpadding",
 		"customcontentpadding",
-		"class"
+		"class",
+		"image",
+		"bordercolor",
+		"iconcolor",
+		"license",
+		"clear"
 	],
 	"description": "A template for leaving a notice banner on articles."
 }
-</templatedata>
+</templatedata> [[Category:Notice templates]] {{Interface template}}
 </noinclude>