Template:Hp-highlight: Difference between revisions

Latest revision as of 16:26, 10 November 2023

This is the "Hp-highlight" template, used to create "highlights" on the Homepage.

To create Hp-highlights using this template, use the dedicated form page

Alternatively, you can call this template in the following format:

{{Hp-highlight
|title=
|subtitle=
|image=
|text=
|btn-text=
|link=
|text2=
|btn-text2=
|link2=
}}

Edit the page to see the template text.

This is the "Hp-highlight" template, used to create "highlights" on the Homepage. Details on its parameters

Template parameters
Parameter		Description	Type	Status
Title	`title`	Title of the highlight Example Electrical Fire Prevention	Unknown	required
Subtitle	`subtitle`	Subtitle of the highlight Example White paper	String	required
Image	`image`	The image to show in this highlight (recommended size = 200x270px) Example help-section-doc.png	File	required
Text	`text`	Text giving details about this highlight	Unbalanced wikitext	suggested
Button or link text	`btn-text`	The text of the link/button Example Donwload the guide	String	required
Link	`link`	Link of the Call To Action (can be a wiki page name or an external url) Example http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/	String	required
Text2	`text2`	Optional second CTA - Text	Unbalanced wikitext	suggested
2nd Button or 2nd link text	`btn-text2`	Optional second CTA - Text of the link/button Example Donwload the guide	String	suggested
Link2	`link2`	Optional second CTA - link (can be a wiki page name or an external url) Example http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/	String	suggested

@@ Line 1: / Line 1: @@
-<includeonly><div class="col-xs-12 col-sm-6 highlight-section-block {{#ifeq: {{{position|}}}|right|highlight-section-right|highlight-section-left}}">
+__NOEDITSECTION__<includeonly>{{#default_form:Hp-highlight}}<div class="col-12 col-md-6 highlight-section-block">
 <h3>{{{title}}}</h3>
-<h4 class="subtitle>{{{subtitle}}}</h4>
+<h4 class="subtitle">{{{subtitle}}}</h4>
 <div class="row">
-<div class="col-sm-12 col-md-5">
+<div class="col-12 col-lg-5">
-[[file:{{{image}}}|class=img-responsive|link={{{link|}}}]]
+[[file:{{{image}}}|class=img-fluid|link={{{link|}}}]]
 </div>
-<div class="col-sm-12 col-md-7">
+<div class="col-12 col-lg-7">
 {{{text}}}
-<p>{{#ifeq: {{#sub:{{{link}}}|0|4}} | http |[{{{link}}} <span class="btn btn-primary">{{{btn-text}}}</span>] | [[{{{link}}}|> {{{btn-text}}} ...]]}}</p><!--
+<p class="highlight-link">{{#ifeq: {{#sub:{{{link}}}|0|4}} | http |[{{{link}}} <span class="btn btn-primary">{{{btn-text}}}</span>] | [[{{{link}}}|> {{{btn-text}}}]]}}</p><!--
 -->{{#if: {{{link2|}}} |
 <br>{{{text2}}}
-<p>{{#ifeq: {{#sub:{{{link2}}}|0|4}} | http |[{{{link2}}} > {{{btn-text2}}}] | [[{{{link2}}}|> {{{btn-text2}}} ...]]}}</p>|}}
+<p class="highlight-link2">{{#ifeq: {{#sub:{{{link2}}}|0|4}} | http |[{{{link2}}} > {{{btn-text2}}}] | [[{{{link2}}}|> {{{btn-text2}}}]]}}</p>|}}
 </div>
 </div>
 </div></includeonly><noinclude>
-<noinclude>
+This is the "Hp-highlight" template, used to create "highlights" on the Homepage.
+To create Hp-highlights using this template, use the [[Form:Hp-highlight|dedicated form page]]
+Alternatively, you can call this template in the following format:
+<pre>
+{{Hp-highlight
+|title=
+|subtitle=
+|image=
+|text=
+|btn-text=
+|link=
+|text2=
+|btn-text2=
+|link2=
+}}
+</pre>
+Edit the page to see the template text.
+----
 <templatedata>
 {
 	"params": {
-		"position": {
-			"label": "Position",
-			"description": "Position of this highlight (left or right)",
-			"example": "left",
-			"type": "string",
-			"required": true
-		},
 		"title": {
 			"label": "Title",
 			"description": "Title of the highlight",
-			"example": "Electricl Fire Prevention",
+			"example": "Electrical Fire Prevention",
 			"required": true
 		},
@@ Line 41: / Line 59: @@
 		"image": {
 			"label": "Image",
-			"description": "The image to show in this highlight (recommended size = 200x300px)",
+			"description": "The image to show in this highlight (recommended size = 200x270px)",
 			"example": "help-section-doc.png",
 			"type": "wiki-file-name",
-			"required": true
-		},
-		"link": {
-			"label": "Link",
-			"description": "Link of the Call To Action (can be a wiki page name or an external url)",
-			"example": "http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/",
-			"type": "string",
 			"required": true
 		},
@@ Line 66: / Line 77: @@
 			"required": true
 		},
-		"link2": {
+		"link": {
-			"label": "Link2",
+			"label": "Link",
-			"description": "Optional second CTA - link (can be a wiki page name or an external url)",
+			"description": "Link of the Call To Action (can be a wiki page name or an external url)",
 			"example": "http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/",
 			"type": "string",
-			"suggested": true
+			"required": true
 		},
 		"text2": {
@@ Line 83: / Line 94: @@
 			"description": "Optional second CTA - Text of the link/button",
 			"example": "Donwload the guide",
+			"type": "string",
+			"suggested": true
+		},
+		"link2": {
+			"label": "Link2",
+			"description": "Optional second CTA - link (can be a wiki page name or an external url)",
+			"example": "http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/",
 			"type": "string",
 			"suggested": true
 		}
 	},
-	"description": "This templates is used on homepage, to add a \"highlight\" block"
+	"description": "This is the \"Hp-highlight\" template, used to create \"highlights\" on the Homepage. Details on its parameters"
 }
 </templatedata>
 </noinclude>

Template:Hp-highlight: Difference between revisions

Latest revision as of 16:26, 10 November 2023

About this wiki

Help

Navigation