Template:Infobox - Revision history

Spartwo at 14:22, 22 January 2024

2024-01-22T14:22:05Z

← Older revision		Revision as of 16:22, 22 January 2024
Line 7:		Line 7:
	{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}		{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}
	{{Infobox/Vertical Item\|key=Vertical sample\|value={{{example_data_2}}}}}		{{Infobox/Vertical Item\|key=Vertical sample\|value={{{example_data_2}}}}}
		+	{{Infobox/Bar}}
		+	{{Infobox/Sound Item\|key=Sample data\|value=Helicopter-helicopter-parakofer-parakofer.mp3}}
	{{Infobox/Bar}}		{{Infobox/Bar}}
	{{Infobox/Dual Illustration\|left_file={{{illustration}}}\|left_caption={{{caption}}}\|right_file={{{illustration}}}\|right_caption={{{caption}}}}}		{{Infobox/Dual Illustration\|left_file={{{illustration}}}\|left_caption={{{caption}}}\|right_file={{{illustration}}}\|right_caption={{{caption}}}}}

Spartwo at 18:38, 26 October 2022

2022-10-26T18:38:19Z

← Older revision		Revision as of 20:38, 26 October 2022
Line 6:		Line 6:
	{{Infobox/SectionHeader\|section={{{example_section}}}}}		{{Infobox/SectionHeader\|section={{{example_section}}}}}
	{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}		{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}
		+	{{Infobox/Vertical Item\|key=Vertical sample\|value={{{example_data_2}}}}}
		+	{{Infobox/Bar}}
		+	{{Infobox/Dual Illustration\|left_file={{{illustration}}}\|left_caption={{{caption}}}\|right_file={{{illustration}}}\|right_caption={{{caption}}}}}
		+	{{Infobox/Bar}}
		+	{{Infobox/Column}}
		+	{{Infobox/Three Column\|leftValue={{{force_1_list}}}\|centerValue={{{force_2_list}}}\|rightValue={{{force_3_list}}}}}
		+	{{Infobox/Column\|leftValue={{{force_1_list}}}\|rightValue={{{force_2_list}}}}}
	{{Infobox/end}}		{{Infobox/end}}
	<nowiki /></includeonly>		<nowiki /></includeonly>

Spartwo at 22:37, 22 March 2022

2022-03-22T22:37:48Z

← Older revision		Revision as of 00:37, 23 March 2022
Line 57:		Line 57:
	** <code>key</code> : The (readable) label of an attribute, which should consist of a few, chosen words like "Type" or "Date of birth". Avoid long labels like "Date at which this aircraft experienced its first air battle over foreign territory", they tend to break the infobox's design by making it hard to read.		** <code>key</code> : The (readable) label of an attribute, which should consist of a few, chosen words like "Type" or "Date of birth". Avoid long labels like "Date at which this aircraft experienced its first air battle over foreign territory", they tend to break the infobox's design by making it hard to read.
	** <code>value</code> : The value (content) of the attribute.		** <code>value</code> : The value (content) of the attribute.
		+	* [[Template:Infobox/Column\|<code><nowiki>{{Infobox/Column\|...}}</nowiki></code>]] :
	* [[Template:Infobox/begin\|<code><nowiki>{{Infobox/begin\|...}}</nowiki></code>]] and [[Template:Infobox/end\|<code><nowiki>{{Infobox/end}}</nowiki></code>]] : '''These are mandatory to any infobox''' and defines the beginning and end of an infobox. They ''must'' be respectively the first and last components of an infobox template. The following arguments can be used in <code><nowiki>{{Infobox/begin\|...}}</nowiki></code>:		* [[Template:Infobox/begin\|<code><nowiki>{{Infobox/begin\|...}}</nowiki></code>]] and [[Template:Infobox/end\|<code><nowiki>{{Infobox/end}}</nowiki></code>]] : '''These are mandatory to any infobox''' and defines the beginning and end of an infobox. They ''must'' be respectively the first and last components of an infobox template. The following arguments can be used in <code><nowiki>{{Infobox/begin\|...}}</nowiki></code>:
	** <code>nofloat</code> : When <code>nofloat</code> is set to <code>true</code>, the infobox ''will not'' float to the right and will instead remain in the document flow as a block element (text will break before and after it. Additionally it will appear centered on the page. When set to any other value, or not set at all, the infobox will use the normal "float to the right" behaviour.		** <code>nofloat</code> : When <code>nofloat</code> is set to <code>true</code>, the infobox ''will not'' float to the right and will instead remain in the document flow as a block element (text will break before and after it. Additionally it will appear centered on the page. When set to any other value, or not set at all, the infobox will use the normal "float to the right" behaviour.

HerrCrazi: /* Example */

2021-03-13T23:47:49Z

Example

← Older revision		Revision as of 01:47, 14 March 2021
Line 34:		Line 34:
	{{Infobox		{{Infobox
	\| title = A second infobox		\| title = A second infobox
−	\| caption = Test
	}}		}}
	...and here, and it should appear directly below the previous one.		...and here, and it should appear directly below the previous one.

JuanHorse at 00:47, 7 March 2021

2021-03-07T00:47:40Z

← Older revision		Revision as of 02:47, 7 March 2021
Line 1:		Line 1:
	<noinclude>{{Note\|You should not directly use this template, it serves as a base for other Infoboxes templates to inherit from. See [[:Category:Infoboxes\|this list of other infobox templates]].\|warn}}</noinclude><nowiki />		<noinclude>{{Note\|You should not directly use this template, it serves as a base for other Infoboxes templates to inherit from. See [[:Category:Infoboxes\|this list of other infobox templates]].\|warn}}</noinclude><nowiki />
		+	<includeonly><nowiki />
−	<includeonly><templatestyles src="Infobox/style.css"/><table class="infobox {{#ifeq: {{{nofloat\|}}}\|{{{nofloat}}}\|nofloat\|}}"><nowiki />
		+	{{Infobox/begin\|nofloat={{{nofloat}}}}}
	{{Infobox/Header\|title={{{title}}}}}		{{Infobox/Header\|title={{{title}}}}}
	{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}		{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}
	{{Infobox/SectionHeader\|section={{{example_section}}}}}		{{Infobox/SectionHeader\|section={{{example_section}}}}}
	{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}		{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}
		+	{{Infobox/end}}
−	~~</table>~~<nowiki /></includeonly>	+	<nowiki /></includeonly>
	<noinclude>		<noinclude>
−	{{Infobox\|nofloat="true"}}	+	{{Infobox\|nofloat=true}}

	== Example ==		== Example ==
Line 56:		Line 58:
	** <code>key</code> : The (readable) label of an attribute, which should consist of a few, chosen words like "Type" or "Date of birth". Avoid long labels like "Date at which this aircraft experienced its first air battle over foreign territory", they tend to break the infobox's design by making it hard to read.		** <code>key</code> : The (readable) label of an attribute, which should consist of a few, chosen words like "Type" or "Date of birth". Avoid long labels like "Date at which this aircraft experienced its first air battle over foreign territory", they tend to break the infobox's design by making it hard to read.
	** <code>value</code> : The value (content) of the attribute.		** <code>value</code> : The value (content) of the attribute.
		+	* [[Template:Infobox/begin\|<code><nowiki>{{Infobox/begin\|...}}</nowiki></code>]] and [[Template:Infobox/end\|<code><nowiki>{{Infobox/end}}</nowiki></code>]] : '''These are mandatory to any infobox''' and defines the beginning and end of an infobox. They ''must'' be respectively the first and last components of an infobox template. The following arguments can be used in <code><nowiki>{{Infobox/begin\|...}}</nowiki></code>:
		+	** <code>nofloat</code> : When <code>nofloat</code> is set to <code>true</code>, the infobox ''will not'' float to the right and will instead remain in the document flow as a block element (text will break before and after it. Additionally it will appear centered on the page. When set to any other value, or not set at all, the infobox will use the normal "float to the right" behaviour.

	{{clr}}		{{clr}}

JuanHorse at 00:20, 7 March 2021

2021-03-07T00:20:46Z

← Older revision		Revision as of 02:20, 7 March 2021
Line 1:		Line 1:
		+	<noinclude>{{Note\|You should not directly use this template, it serves as a base for other Infoboxes templates to inherit from. See [[:Category:Infoboxes\|this list of other infobox templates]].\|warn}}</noinclude><nowiki />
−	~~<nowiki />~~<includeonly><templatestyles src="Infobox/style.css"/><table class="infobox {{#ifeq: {{{nofloat\|}}}\|{{{nofloat}}}\|nofloat\|}}"><nowiki />	+	<includeonly><templatestyles src="Infobox/style.css"/><table class="infobox {{#ifeq: {{{nofloat\|}}}\|{{{nofloat}}}\|nofloat\|}}"><nowiki />
	{{Infobox/Header\|title={{{title}}}}}		{{Infobox/Header\|title={{{title}}}}}
	{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}		{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}
Line 6:		Line 7:
	</table><nowiki /></includeonly>		</table><nowiki /></includeonly>
	<noinclude>		<noinclude>
−
	{{Infobox\|nofloat="true"}}		{{Infobox\|nofloat="true"}}

Line 103:		Line 103:
	}		}
	</templatedata>		</templatedata>
		+
		+	[[Category:Templates]]
	</noinclude>		</noinclude>

JuanHorse at 00:15, 7 March 2021

2021-03-07T00:15:25Z

← Older revision		Revision as of 02:15, 7 March 2021
Line 2:		Line 2:
	{{Infobox/Header\|title={{{title}}}}}		{{Infobox/Header\|title={{{title}}}}}
	{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}		{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}
−	{{Infobox/SectionHeader\|~~example_section~~={{{~~section~~}}}}}	+	{{Infobox/SectionHeader\|section={{{example_section}}}}}
	{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}		{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}
	</table><nowiki /></includeonly>		</table><nowiki /></includeonly>
Line 86:		Line 86:
	"description": "Setting any value to this parameter will make the infobox stop floating to the right."		"description": "Setting any value to this parameter will make the infobox stop floating to the right."
	},		},
−	"~~section~~": {	+	"example_section": {
		+	"description": "This is only used for demonstration purposes. Any children template inheriting from this one should remove this attribute. ",
−	"label": "Section title",
−	"~~type~~": ~~"string"~~	+	"deprecated": true
	}		}
	},		},
	"description": "Generic floating infobox.",		"description": "Generic floating infobox.",
−	"format": "block"	+	"format": "block",
		+	"paramOrder": [
		+	"title",
		+	"illustration",
		+	"caption",
		+	"example_section",
		+	"example_data",
		+	"nofloat"
		+	]
	}		}
	</templatedata>		</templatedata>

JuanHorse at 00:13, 7 March 2021

2021-03-07T00:13:32Z

← Older revision		Revision as of 02:13, 7 March 2021
Line 82:		Line 82:
	"description": "This is only used for demonstration purposes. Any children template inheriting from this one should remove this attribute. ",		"description": "This is only used for demonstration purposes. Any children template inheriting from this one should remove this attribute. ",
	"deprecated": "This is only used for demonstration purposes. Any children template inheriting from this one should remove this attribute. "		"deprecated": "This is only used for demonstration purposes. Any children template inheriting from this one should remove this attribute. "
		+	},
		+	"nofloat": {
		+	"description": "Setting any value to this parameter will make the infobox stop floating to the right."
		+	},
		+	"section": {
		+	"label": "Section title",
		+	"type": "string"
	}		}
	},		},

JuanHorse at 00:10, 7 March 2021

2021-03-07T00:10:50Z

← Older revision		Revision as of 02:10, 7 March 2021
Line 1:		Line 1:
−	<includeonly><templatestyles src="Infobox/style.css"/><nowiki />	+	<nowiki /><includeonly><templatestyles src="Infobox/style.css"/><table class="infobox {{#ifeq: {{{nofloat\|}}}\|{{{nofloat}}}\|nofloat\|}}"><nowiki />
	{{Infobox/Header\|title={{{title}}}}}		{{Infobox/Header\|title={{{title}}}}}
	{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}		{{Infobox/Illustration\|file={{{illustration}}}\|caption={{{caption}}}}}
−	{{Infobox/SectionHeader\|~~section~~=~~Example~~ section}}	+	{{Infobox/SectionHeader\|example_section={{{section}}}}}
	{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}		{{Infobox/Item\|key=Sample data\|value={{{example_data}}}}}
	</table><nowiki /></includeonly>		</table><nowiki /></includeonly>
−
	<noinclude>		<noinclude>
		+
⚫	=== Example ===
		+	{{Infobox\|nofloat="true"}}
		+
		⚫	== Example ==
	{{Infobox		{{Infobox
	\| title = Example		\| title = Example
	\| illustration = [[File:KP dark.png]]		\| illustration = [[File:KP dark.png]]
	\| caption = Example infobox		\| caption = Example infobox
		+	\| example_section = Example section
	\| example_data = Soap floats on water, but its efficiency at naval battles is yet to be proven		\| example_data = Soap floats on water, but its efficiency at naval battles is yet to be proven
	}}		}}
Line 21:		Line 24:
	\| illustration = [[File:KP dark.png]]		\| illustration = [[File:KP dark.png]]
	\| caption = Example infobox		\| caption = Example infobox
		+	\| example_section = Example section
	\| example_data = Soap floats on water, but its efficiency at naval battles is yet to be proven		\| example_data = Soap floats on water, but its efficiency at naval battles is yet to be proven
	}}		}}
	</pre>		</pre>
		+
		+	Templates are '''floated''' to the right, which means they will appear in the document shifted to the right of the page, whilst being kept in the document flow (ie, text will wrap around them. Templates will "clear" off each other, and appear below the previous ones in the order they were added into the document flow. As an example, there is a template between here...
		+	{{Infobox
		+	\| title = A second infobox
		+	\| caption = Test
		+	}}
		+	...and here, and it should appear directly below the previous one.
		+	This behaviour may sometimes cause problems with <code>block</code> elements (see the [https://www.w3schools.com/cssref/pr_class_display.asp CSS display modes]), as these elements typically will ignore floats and "slide" underneath them, whereas their content will behave normally and wrap around the floating element.
		+
	{{clr}}		{{clr}}
		+	To solve that problem, or for readability and design, you will often find yourself in need of "pushing" the rest of the document's flow after a floating box. The [[Template:clr]] will do that for you, and is used by inserting <code><nowiki>{{clr}}</nowiki></code> at any point in your document. All content after that point will clear from all floating elements and will appear below them, like this paragraph.

		+	== Using, creating and modifying infoboxes ==
		+	=== Usage ===
		+	You should not directly use this template itself. Instead use other templates already created in [[:Category:Infoboxes]], or create a new one. This template serves as a framework to define common rules between all infoboxes and providing a root page for sub-templates defined below.
		+
		+	=== Sub-templates components ===
		+	In order to ease the creation of infoboxes, this basic template is itself made of reusable components which can be reused in other templates. They are listed below, and may be used in your own templates. You can also create new ones.
		+	* [[Template:Infobox/Header\|<code><nowiki>{{Infobox/Header\|...}}</nowiki></code>]] : This component defines the header title of an infobox (the "bold greyed" part at the top of an infobox). The following arguments can be used :
		+	** <code>title</code> : The title to display.
		+	* [[Template:Infobox/Illustration\|<code><nowiki>{{Infobox/Illustration\|...}}</nowiki></code>]] : This component represents an image and it's associated caption which are usually used to illustrate an infobox. The following arguments can be used :
		+	** <code>file</code> : The picture to display (which can be uploaded or inserted using the editor's "Embed File" button)
		+	** <code>caption</code> : A caption for the picture
		+	* [[Template:Infobox/SectionHeader\|<code><nowiki>{{Infobox/SectionHeader\|...}}</nowiki></code>]] : This component defines a section header, which helps grouping and separating attributes in an infobox. The following arguments can be used :
		+	** <code>section</code> : The new section's title
		+	* [[Template:Infobox/Item\|<code><nowiki>{{Infobox/Item\|...}}</nowiki></code>]] : This is the basic "key-value" attribute of an infobox used to present a piece of data with a label. The following arguments can be used :
		+	** <code>key</code> : The (readable) label of an attribute, which should consist of a few, chosen words like "Type" or "Date of birth". Avoid long labels like "Date at which this aircraft experienced its first air battle over foreign territory", they tend to break the infobox's design by making it hard to read.
		+	** <code>value</code> : The value (content) of the attribute.
		+
		+	{{clr}}
		+	== Specifications ==
	<templatedata>		<templatedata>
	{		{

JuanHorse at 22:24, 6 March 2021

2021-03-06T22:24:41Z

@@ Line 1: / Line 1: @@
-<includeonly><table class="infobox">
+<includeonly><templatestyles src="Infobox/style.css"/><nowiki />
 <noinclude>
 <templatedata>
+{
@@ Line 33: / Line 45: @@
 			"description": "A short descriptive text for the illustration.",
 			"type": "string"
+		}
 	},