Vv: Add reusable editing component with labeled fields

2026-11-02T00:51:37Z

Add reusable editing component with labeled fields

New page

<includeonly>{{#wikicomponents:}}<div class="wc-infobox noexcerpt" role="complementary"><div class="wc-infobox-title">{{{title|{{PAGENAME}}}}}</div>
{{#if:{{{image|}}}|<div class="wc-infobox-image">{{#ifexist:File:{{{image}}}|[[File:{{{image}}}|frameless|300px|alt={{{title|{{PAGENAME}}}}}]]|<div class="wc-infobox-missing">[[:File:{{{image}}}|Image not uploaded yet]]</div>}}{{#if:{{{caption|}}}|<div class="wc-infobox-caption">{{{caption}}}</div>}}</div>}}
<dl>{{#if:{{{data1|}}}|<dt>{{{label1|}}}</dt><dd>{{{data1}}}</dd>}}{{#if:{{{data2|}}}|<dt>{{{label2|}}}</dt><dd>{{{data2}}}</dd>}}{{#if:{{{data3|}}}|<dt>{{{label3|}}}</dt><dd>{{{data3}}}</dd>}}{{#if:{{{data4|}}}|<dt>{{{label4|}}}</dt><dd>{{{data4}}}</dd>}}{{#if:{{{data5|}}}|<dt>{{{label5|}}}</dt><dd>{{{data5}}}</dd>}}{{#if:{{{data6|}}}|<dt>{{{label6|}}}</dt><dd>{{{data6}}}</dd>}}{{#if:{{{data7|}}}|<dt>{{{label7|}}}</dt><dd>{{{data7}}}</dd>}}{{#if:{{{data8|}}}|<dt>{{{label8|}}}</dt><dd>{{{data8}}}</dd>}}{{#if:{{{data9|}}}|<dt>{{{label9|}}}</dt><dd>{{{data9}}}</dd>}}{{#if:{{{data10|}}}|<dt>{{{label10|}}}</dt><dd>{{{data10}}}</dd>}}{{#if:{{{data11|}}}|<dt>{{{label11|}}}</dt><dd>{{{data11}}}</dd>}}{{#if:{{{data12|}}}|<dt>{{{label12|}}}</dt><dd>{{{data12}}}</dd>}}</dl>{{#if:{{{footer|}}}|<div class="wc-infobox-footer">{{{footer}}}</div>}}</div></includeonly><noinclude>
A general infobox with a photo and up to twelve labeled facts. It floats beside text on wide screens and stacks on small screens.

See [[Help:Page building blocks]] for examples. Insert this template in VisualEditor to fill its labeled fields. Empty optional fields are hidden.
<templatedata>
{
"description": "A general infobox with a photo and up to twelve labeled facts. It floats beside text on wide screens and stacks on small screens.",
"params": {
"title": {
"label": "Title",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": true
},
"image": {
"label": "Image filename",
"type": "wiki-file-name",
"description": "An uploaded filename without File: or brackets.",
"suggested": true
},
"caption": {
"label": "Image caption",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": true
},
"label1": {
"label": "Fact 1 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": true
},
"data1": {
"label": "Fact 1 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": true
},
"label2": {
"label": "Fact 2 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": true
},
"data2": {
"label": "Fact 2 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": true
},
"label3": {
"label": "Fact 3 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": true
},
"data3": {
"label": "Fact 3 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": true
},
"label4": {
"label": "Fact 4 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data4": {
"label": "Fact 4 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label5": {
"label": "Fact 5 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data5": {
"label": "Fact 5 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label6": {
"label": "Fact 6 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data6": {
"label": "Fact 6 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label7": {
"label": "Fact 7 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data7": {
"label": "Fact 7 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label8": {
"label": "Fact 8 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data8": {
"label": "Fact 8 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label9": {
"label": "Fact 9 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data9": {
"label": "Fact 9 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label10": {
"label": "Fact 10 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data10": {
"label": "Fact 10 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label11": {
"label": "Fact 11 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data11": {
"label": "Fact 11 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"label12": {
"label": "Fact 12 label",
"type": "line",
"description": "Leave blank when not applicable.",
"suggested": false
},
"data12": {
"label": "Fact 12 value",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": false
},
"footer": {
"label": "Source or public links",
"type": "content",
"description": "Leave blank when not applicable.",
"suggested": true
}
},
"paramOrder": [
"title",
"image",
"caption",
"label1",
"data1",
"label2",
"data2",
"label3",
"data3",
"label4",
"data4",
"label5",
"data5",
"label6",
"data6",
"label7",
"data7",
"label8",
"data8",
"label9",
"data9",
"label10",
"data10",
"label11",
"data11",
"label12",
"data12",
"footer"
],
"format": "block"
}
</templatedata>
</noinclude>

Template:Infobox - Revision history

Vv: Add reusable editing component with labeled fields