Latest revision as of 12:49, 5 January 2023

{{{Section Title}}}

{{{Section Content}}}

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.

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
Section Content	`Section Content`	no description	Content	required
Style justify-content	`Style justify-content`	css flexbox justify-content: flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly Default center	String	optional
Style visibility	`Style visibility`	Determines whether the title should be visible when rendered. css visibility: hidden \| visible Default hidden	String	optional
Style align-items	`Style align-items`	css flex-box align-items: flex-start \| flex-end \| center \| baseline \| stretch Default stretch	String	optional
Style background-color	`Style background-color`	css style for section background color	String	optional
Top Link Style display	`Top Link Style display`	Determines whether the "Back to top" link should be visible when rendered. css display: flex \| none \| block Default flex	String	optional

Copy and paste the following template code to use only the required fields.

{{Kalispell FHC Section
| Section Title = 
| Section Content =
 
}}<!-- End Kalispell FHC Section -->

Copy and paste the following template code to us all of the available fields.

{{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 -->

For a full tutorial on how to use this template go to Kalispell Montana FHC Template Guide.

@@ Line 1: / Line 1: @@
-<div style="padding: 1% 1% 1em; background-color: {{{background-color|white}}}; width: 100%; visibility: {{{section-title-visibility|hidden}}};">
+<div style="margin-top: 1em; padding: 1% 1% 1em; background-color: {{{Style background-color|white}}}; width: 100%; visibility: {{{Style visibility|visible}}};">
-<h1 style="text-align: center;">{{{section-title}}}</h1>
+<h1 style="text-align: center; ">{{{Section Title}}}</h1>
 </div>
-<div style="padding: 1%; display: flex; flex-flow: row wrap; justify-content: {{{justify|center}}}; align-items: {{{align|center}}}; background-color: {{{background-color|white}}};">
+<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}}};">
-{{{content}}}
+{{{Section Content}}}
 </div>
-<div style="display: {{{display-top-link|flex}}}; justify-content: left; margin-top: 1em;"><div class="standard-link">[[#top|Back to top]]</div></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": {
-		"justify": {
+		"Style justify-content": {
-			"description": "flexbox css style options: flex-start | flex-end | center | space-between | space-around | space-evenly",
+			"description": "css flexbox justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly",
 			"type": "string",
 			"default": "center"
 		},
-		"align": {
+		"Style align-items": {
-			"description": "flexbox css align-items options: flex-start | flex-end | center | baseline | stretch",
+			"description": "css flex-box align-items: flex-start | flex-end | center | baseline | stretch",
 			"type": "string",
-			"default": "center"
+			"default": "stretch"
 		},
-		"background-color": {
+		"Style background-color": {
 			"description": "css style for section background color",
 			"type": "string"
 		},
-		"content": {
+		"Section 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
 		},
-		"section-title-visibility": {
+		"Style visibility": {
 			"description": "Determines whether the title should be visible when rendered. css visibility: hidden | visible",
 			"type": "string",
 			"default": "hidden"
+		},
+		"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",
-        "content",
+		"Section Content",
-		"section-title-visibility",
+		"Style justify-content",
-		"justify",
+		"Style visibility",
-		"align",
+		"Style align-items",
-		"background-color"
+		"Style background-color",
+		"Top Link Style display"
 	],
-	"format": "block"
+	"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."
 }
 </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>