Image
Description:
Image
Image component embeds an image into the view.
Allowed Parent Components:
Card Body
Card Table Column
Col
DIV
Thumbnail
Allowed Child Components:
Popover
Pulse
Trigger Before Render
Properties
➤ Alt
Allowed Values: Free text field
➤ Rounded
check this to get circular border.
Allowed Values: Yes/No
➤ View Attribute
Choose an attribute that contains the value (Image URL) for the src attribute of this email. Leave this blank and use the below Src property to specify an expression instead.
Allowed Values: Choose an attribute that contains the value (Image URL) for the src attribute of this email. Leave this blank and use the below Src property to specify an expression instead.
➤ Src
Specify an expression that should return the value (Image URL) for the src attribute of this email. e.g. #{imageUrl}
Allowed Values: An expression which should return string after evaluation
➤ Max Height
Specify the max height for this image in pixels. Use -1 for 100%. Any value > 0 & <= 1 is treated as percentage of parent's size when used inside a Layout Component. i.e. 1 = 100%, .5 = 50% etc. and default value is 20
Allowed Values: Any number value
➤ Max Width
Specify the max width for this image in pixels. Use -1 for 100%. Any value > 0 & <= 1 is treated as percentage of parent's size when used inside a Layout Component. i.e. 1 = 100%, .5 = 50% etc. and default value is 20
Allowed Values: Any number value
➤ Height
Specify the height for this image in pixels. Use -1 for 100%. Any value > 0 & <= 1 is treated as percentage of parent's size when used inside a Layout Component. i.e. 1 = 100%, .5 = 50% etc. and default value is 20
Allowed Values: Any number value
➤ Width
Specify the width for this image in pixels. Use -1 for 100%. Any value > 0 & <= 1 is treated as percentage of parent's size when used inside a Layout Component. i.e. 1 = 100%, .5 = 50% etc. and default value is 20
Allowed Values: Any number value
➤ Tool Tip
A message which appears when a cursor is positioned over.
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip Position
Select an option to change the placement of the tooltip when appears.
Allowed Values:
left
right
top
bottom
➤ On Click
Allowed Values: Controller Function
➤ Border Top
Select this to add a border on top
Allowed Values: Yes/No
➤ Border Right
Select this to add a border on right
Allowed Values: Yes/No
➤ Border Bottom
Select this to add a border on bottom
Allowed Values: Yes/No
➤ Border Left
Select this to add a border on left
Allowed Values: Yes/No
➤ Border Width
Select an option to change the width of a border
Allowed Values:
default
normal
thick
thicker
➤ Border Type
Select an option to change the type of a border
Allowed Values:
solid
dashed
dotted
➤ Border Color
Select a color or enter the custom class to set the color on the sides of the element's border.
Allowed Values: Select a color or enter the custom class to set the color on the sides of the element's border.
➤ Margin
Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.
Allowed Values: Any number value
➤ Margin Bottom
Select a value to add margin on the bottom of the component.
Allowed Values: Any number value
➤ Margin Left
Select a value to add margin on the left of the component.
Allowed Values: Any number value
➤ Margin Right
Select a value to add margin on the right of the component.
Allowed Values: Any number value
➤ Margin Top
Select a value to add margin on the top of the component.
Allowed Values: Any number value
➤ Padding
Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.
Allowed Values: Any number value
➤ Padding Bottom
Select a value to add padding in the bottom of the component.
Allowed Values: Any number value
➤ Padding Left
Select a value to add padding in the left of the component.
Allowed Values: Any number value
➤ Padding Right
Select a value to add padding in right of the component.
Allowed Values: Any number value
➤ Padding Top
Select a value to add padding in top of the component.
Allowed Values: Any number value
Last updated