Template:InfoboxProductLine: Difference between revisions

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><div class="infobox">
-<div class="infobox" style="background: #eee;border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 0.5em; width: 22em;">
 <div style="display:flex;gap:8px;flex-direction:column;">
+     <div class="infobox-title">{{{Title|{{PAGENAME}}}}}</div>
-     <div style="font-size: 2em; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: .25em;"> {{{Title|{{PAGENAME}}}}} </div>
+     <div class="infobox-image">[[File:{{{Logo}}}|200px]]</div>
+     <table class="infobox-table">
-     <div style="aspect-ratio: 2 / 1;align-items: center;justify-content: center;display: flex;">[[File:{{{Logo}}}|200px]]</div>
-     <table style="width:100%;">
              <tr>
-                 <th colspan=2 style="text-align: left; border-bottom: 1px solid #ccc; font-size:125%;">Basic Information</th>
+                 <th colspan=2 class="infobox-table-caption" >Basic Information</th>
              </tr>
@@ Line 31: / Line 26: @@
              <tr>
                  <th>{{nowrap|Official Website}}</th>
-                 <td>{{nowrap|{{{Official Website}}}}}</td>
+                 <td>{{{Official Website}}}</td>
              </tr>
      </table>
 </div>
+</div></includeonly><noinclude>
+== Usage ==
-</div>
-</includeonly><noinclude>
-== Usage ==
 {{InfoboxProductLine
 | Title = Product Name
 | Release Year = 2000
 | Product Type = Type of product
 | In Production = Yes
-| Official Website = somewebsite.somewhere
+| Official Website = https://example.com/
-| Logo= QuestionMark.svg
+| Logo = QuestionMark.svg
 }}
-To have this infobox appear to the right of the page, add this to the page with the text you wish to appear on the box when using the source editor.
 <pre>
@@ Line 64: / Line 55: @@
 </nowiki>
 </pre>
+[[Category:Styling templates]]
+{{Clear}}
 == Template Data ==
@@ Line 82: / Line 75: @@
 			"type": "string",
 			"description": "Classification of product (line)",
-			"example": "Hardware, Software, Service,Laptop, Blender",
+			"example": "Hardware, Software, Service, Laptop, Blender",
 			"required": true
 		},
@@ Line 97: / Line 90: @@
 		},
 		"Logo": {
-			"description": "The logo accociated with this product. If there is no specific logo a picture of the product.",
+			"description": "The logo associated with this product. If there is no specific logo, use a picture of the product.",
 			"example": "filename.[jpg|png|svg]",
 			"type": "wiki-file-name",
@@ Line 105: / Line 98: @@
 		}
 	},
-	"description": "This is a a simple information box to use in product line articles.\nParameters are the information displayed on the infobox.",
+	"description": "This is a simple information box to use in product line articles. Includes structured data.",
-	"format": "block"
+	"format": "block",
+	"paramOrder": [
+		"Title",
+		"Release Year",
+		"Product Type",
+		"In Production",
+		"Official Website",
+		"Logo"
+	]
 }
 </templatedata>
 </noinclude>