Skip to main content

Attributes

Parallax is a Template Component type plug-in in the Component section. When the plug-in is used, the following attributes describe it’s behavior. It can be used as Single (Partial) or Multiple (Report) instance.

Template Options section​

Remove Body Padding​

Removes padding from region body.

Show Maximize Button​

Displays a button in the Region Header to maximize the region. Clicking this button will toggle the maximize state and stretch the region to fill the screen.

Show Region Icon​

Displays the region icon in the region header beside the region title

Option to select region header visibility.

Options:

  1. Visible (Default)
  2. Hidden
  3. Hidden but accessible

Accent​

Option to select region look and feel, with predefined application color palette. There is 15 different type of styles same as on the static region template.

Min Height​

The minimum height of the region to be displayed is specified in pixels.

Main class​

With this field, you can add additional classes to the top-level element of the region. Here you can set region position and style. For multiple classes use space between them.

List of predefined classes:
parallax-left
parallax-left-1
parallax-left-10
parallax-left-20
parallax-left-25
parallax-left-30
parallax-left-40
parallax-left-50
parallax-left-70

parallax-right
parallax-right-1
parallax-right-10
parallax-right-20
parallax-right-25
parallax-right-30
parallax-right-40
parallax-right-50
parallax-right-70

Region class​

With this field, you can add additional classes to the region element. This is used more for dynamic generation from the database. For multiple classes use space between them.

Examples:

List of interesting classes :

t-Region--removeHeader js-removeLandmark
t-Region--hideHeader
t-Region--noPadding
t-Region--noUI
t-Region--stacked
t-Region--noBorder
js-showMaximizeButton
t-Region--showIcon

Title section​

Region Title​

The main region title can be static text or a substitution string from the source column. HTML syntax is also supported.

Region Icon​

Option to define icon classes.

Example:

fa-hand-o-right fa-2x

Custom class​

With this field, you can add additional classes to the title HTML section.

Examples:

class1 class2 class2

highlight

u-color-30

Body section​

Region Body​

The region body to be displayed. It can be static text or a substitution string from the source column. HTML syntax is also supported.

Custom class​

With this field, you can add additional classes to the region body section.

Examples:

class1 class2 class2

highlight

u-col

Background section​

Background Image​

With this option, you can specify the URL to a static image to be used as a background. The source can be static text or a substitution string from the source column.

Examples:

&URL_COLUMN.

#APPLICATION_FILES#my_image.jpg

Background Brightness​

Background image brightness is specified in percentages.

Background Opacity​

Background image opacity is specified in percentages.

Custom class​

With this field, you can add additional classes to the background image element of the region.

Examples:

class1 class2 class2

highlight

u-col