`<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`
boolean
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
