<templates:section>
</...>
Sections are a layout tool used to visually group, and align content to a container. Sections can be nested.
Section container sizes (sm md lg) and 'full-height' sizing may be overriden through use of the <templates:styles> control, placed within the <head> of the website design theme (see examples below).
Content
any
The content to render inside the Section.
Attributes
bgColor
string
The Color of the background
bgImage
string
Background Image
bgImageBlur
string
The amount of image blur on the background image
bgParallax
string
Wheather to use parallax scrolling
bgParallaxSpeed
int
Parallax scrolling speed
bgPosition
string
The position of the background
bgSize
string
The position of the background
bgWashColor
string
The wash color to use over the background image
bgWashOpacity
string
The opacity of the color wash
contentSize
string
The size of the content container
Valid options: sm md lg
fullHeight
bool
Full Height
When set to true, the Section will span no less than the full height of the page. Content in the section is centered vertically.
height
string
Height
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
paddingBottom
string
The padding of the section
paddingLeft
string
The padding of the section
paddingRight
string
The padding of the section
paddingTop
string
The padding of the section
width
string
Width
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.
bggradient
string
Background Gradient
