Revision as of 16:16, 2 August 2022

{{{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="flex:1; min-width: 300px; background-color: #F4F4F4; border: 1px solid #ECEBEA; border-radius: 5px; margin: 0 1em 25px;">
+<div style="margin-top: 1em; padding: 1% 1% 1em; background-color: {{{Style background-color|white}}}; width: 100%; visibility: {{{Style visibility|visible}}};">
-<h2 style="text-align: left; color: #666662; padding: 10px 20px; width: 100%" >
+<h1 style="text-align: center; ">{{{Section Title}}}</h1>
-{{{Resources Title}}}
-</h2>
-<div style="text-align: left; padding: 10px 20px; width: 100%;">
-{{{Resources 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": {
-		"Resources Title": {
+		"Style justify-content": {
-			"description": "This will be displayed as an <h2> tag and will appear in the page table of contents.",
+			"description": "css flexbox justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly",
+			"type": "string",
+			"default": "center"
+		},
+		"Style align-items": {
+			"description": "css flex-box align-items: flex-start | flex-end | center | baseline | stretch",
+			"type": "string",
+			"default": "stretch"
+		},
+		"Style background-color": {
+			"description": "css style for section background color",
+			"type": "string"
+		},
+		"Section Content": {
+			"required": true,
+			"type": "content"
+		},
+		"Section Title": {
+			"description": "This will be displayed as an <h1> tag and will appear in the page table of contents.",
 			"type": "string",
 			"required": true
 		},
-		"Resources Content": {
+		"Style visibility": {
-			"type": "content",
+			"description": "Determines whether the title should be visible when rendered. css visibility: hidden | visible",
-			"required": true
+			"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"
+	"format": "block",
+	"paramOrder": [
+		"Section Title",
+		"Section Content",
+		"Style justify-content",
+		"Style visibility",
+		"Style align-items",
+		"Style 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."
 }
-</templatedata>[[Category:Template]]
+</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>