Template:Kalispell FHC Section: Difference between revisions

Revision as of 17:17, 21 January 2022

{{{content}}}

No description.

Template parameters
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
section-title	`section-title`	This will be displayed as an <h1> tag and will appear in the page table of contents.	String	required
content	`content`	no description	Unknown	required
show-section-title	`show-section-title`	Determines whether the title should be visible when rendered. Default false	Boolean	optional
justify	`justify`	flexbox css style options: flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly Default center	String	optional
align	`align`	flexbox css align-items options: flex-start \| flex-end \| center \| baseline \| stretch Default center	String	optional
background-color	`background-color`	css style for section background color	String	optional

@@ Line 1: / Line 1: @@
-<div style="margin-top: 1em; padding: 1% 1% 1em; background-color: {{{Style background-color|white}}}; width: 100%; visibility: {{{Style visibility|visible}}};">
+<div style="display: flex; flex-flow: row wrap; justify-content: {{{justify|center}}}; align-items: {{{align|center}}}; background-color: {{{background-color|white}}};">
-<h1 style="text-align: center; ">{{{Section Title}}}</h1>
+{{{content}}}
 </div>
-<div style="padding: 1%; display: flex; flex-flow: row wrap; justify-content: {{{Style justify-content|center}}}; align-items: {{{Style align-items|stretch}}}; background-color: {{{Style background-color|white}}};">
-{{{Section Content}}}
-</div>
-<div style="display: {{{Top Link Style display|flex}}}; justify-content: left; margin-top: 1em;"><div class="standard-link">[[#top|Back to top ]]</div></div>
 <noinclude>
 <templatedata>
 {
 	"params": {
-		"Style justify-content": {
+		"justify": {
-			"description": "css flexbox justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly",
+			"description": "flexbox css style options: flex-start | flex-end | center | space-between | space-around | space-evenly",
 			"type": "string",
 			"default": "center"
 		},
-		"Style align-items": {
+		"align": {
-			"description": "css flex-box align-items: flex-start | flex-end | center | baseline | stretch",
+			"description": "flexbox css align-items options: flex-start | flex-end | center | baseline | stretch",
 			"type": "string",
-			"default": "stretch"
+			"default": "center"
 		},
-		"Style background-color": {
+		"background-color": {
 			"description": "css style for section background color",
 			"type": "string"
 		},
-		"Section Content": {
+		"content": {
-			"required": true,
+			"required": true
-			"type": "content"
 		},
-		"Section Title": {
+		"section-title": {
 			"description": "This will be displayed as an <h1> tag and will appear in the page table of contents.",
 			"type": "string",
 			"required": true
 		},
-		"Style visibility": {
+		"show-section-title": {
-			"description": "Determines whether the title should be visible when rendered. css visibility: hidden | visible",
+			"description": "Determines whether the title should be visible when rendered.",
-			"type": "string",
+			"type": "boolean",
-			"default": "hidden"
+			"default": "false"
-		},
-		"Top Link Style display": {
-			"description": "Determines whether the \"Back to top\" link should be visible when rendered. css display: flex | none | block",
-			"type": "string",
-			"default": "flex"
 		}
 	},
-	"format": "block",
 	"paramOrder": [
-		"Section Title",
+		"section-title",
-		"Section Content",
+        "content",
-		"Style justify-content",
+		"show-section-title",
-		"Style visibility",
+		"justify",
-		"Style align-items",
+		"align",
-		"Style background-color",
+		"background-color"
-		"Top Link Style display"
 	],
-	"description": "This template allows you to type in the name and the content for each of your sections and then takes care of all the formatting. When used properly, this template also makes it possible for all of the content within the section to be easily viewable on mobile devices."
+	"format": "block"
 }
 </templatedata>
-Copy and paste the following template code to use only the required fields.
-<pre>
-{{Kalispell FHC Section
-| Section Title =
-| Section Content =
-}}<!-- End Kalispell FHC Section -->
-</pre>
-Copy and paste the following template code to us all of the available fields.
-<pre>
-{{Kalispell FHC Section
-| Section Title =
-| Style justify-content =
-| Style visibility =
-| Style align-items =
-| Style background-color =
-| Top Link Style display =
-| Section Content =
-}}<!-- End Kalispell FHC Section -->
-</pre>
-For a full tutorial on how to use this template go to [https://www.familysearch.org/en/wiki/Kalispell_Montana_FHC_Template_Guide Kalispell Montana FHC Template Guide].
-[[Category:Template]]
 </noinclude>