Yes/No
After inserting a block in Live Preview, you can configure the settings
Content
Yes Button
Button Text
The text displayed on the button
Button Click Action
Go to View Yes/No, Optin, or Success view
Redirect an url
Static: Enter text
Dynamic: Select field and index
Open email client: Enter the Email to
Click to call: Enter the Phone number
Click to copy text: Enter the Text to copy to clipboard
Close the campaign
Reload the page
Open in the new window
Static: Enter text
Dynamic: Select field and index
Width
It allows you to change the width of the button in %
Align
It allows you to change the alignment of the button (left, center, right)
Button Size
The size of the button includes X Small, Small, Medium, Large, X Large, X2 Large
No Button
Button Text
The text displayed on the button
Button Click Action
Go to View Yes/No, Optin, or Success view
Redirect an url
Static: Enter text
Dynamic: Select field and index
Open email client: Enter the Email to
Click to call: Enter the Phone number
Click to copy text: Enter the Text to copy to clipboard
Close the campaign
Reload the page
Open in the new window
Static: Enter text
Dynamic: Select field and index
Width
It allows you to change the width of the button in %
Align
It allows you to change the alignment of the button (left, center, right)
Button Size
The size of the button includes X Small, Small, Medium, Large, X Large, X2 Large
Success Scripts
It allows you to enter the scripts, the scripts that will load after the button has been clicked
Advanced
Reverse Button Order
You can order Yes and No button
Display Buttons Inline
An inline style may be used to apply a unique style to buttons
Yes Button Styling
Background
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
Font Settings
It includes Font family, Font color, Font size, Font weight, Line height, Letter spacing, etc.
Icon
You can configure the Icon color, size, spacing, etc.
Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
Border
It allows you to specify the style, width, and color of an element's border
Rounded Corners
It allows you to define the radius of an element's corners
Spacing
Inner Spacing (Padding): Padding is inside of the border (or edge) of your element. If you increase the padding, it will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
Hover Styles
You can configure the Hover Styles by turning off the status of Default Hover Styles
a. Background
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
b. Icon color
It allows you to change the color of the icon
c. Font color
It allows you to change the color of the text
d. Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
e. Border
It allows you to specify the style, width, and color of an element's border
No Button Styling
Background
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
Font Settings
It includes Font family, Font color, Font size, Font weight, Line height, Letter spacing, etc.
Icon
You can configure the Icon color, size, spacing, etc.
Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
Border
It allows you to specify the style, width, and color of an element's border
Rounded Corners
It allows you to define the radius of an element's corners
Spacing
Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
Hover Styles
You can configure the Hover Styles by turning off the status of Default Hover Styles
a. Background
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
b. Icon color
It allows you to change the color of the icon
c. Font color
It allows you to change the color of the text
d. Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
e. Border
It allows you to specify the style, width, and color of an element's border
Container Styling
Style
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
Border
It allows you to specify the style, width, and color of an element's border
Rounded Corners
It allows you to define the radius of an element's corners
Spacing
Inner Spacing (Padding): Padding is inside of the border (or edge) of your element. If you increase the padding, it will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
Position
It allows you to adjust the position of the hover
Z-Index
The z-index property specifies the stack order of an element
An element with greater stack order is always in front of an element with a lower stack order
Custom ID attribute
The ID of a block, which is used in Custom CSS, Custom Javascript
Custom Class attribute
The class of a block, which is used in Custom CSS, Custom Javascript
Hover Styles
You can configure the Hover Styles by turning off the status of Default Hover Styles
a. Background
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
b. Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
c. Border
It allows you to specify the style, width, and color of an element's border
d. Rounded Corners
It allows you to define the radius of an element's corners
e. Spacing
Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
f. Position
It allows you to adjust the position of the button
h. Z-Index
The z-index property specifies the stack order of an element
An element with greater stack order is always in front of an element with a lower stack order
Display condition
You can set the condition to display the block
Condition: It includes None, Show when, Hidden when
Field: It contains Business Object attributes
Index: The number of the row in the Business Objects Data table
Operator: It includes contains, does not contain, starts with, doesn't start with, ends with, doesn't end with, etc.
Value: you can input the value or select an attribute from Business Object or Event
The Business Object attributes in Field are selected Business Object in Template Setting
If Business Object in Template Setting does not be selected, a popup of Select Source will appear
Last updated
