Grid Layout
Last updated
Was this helpful?
Last updated
Was this helpful?
Grid Layout
Layout based on CSS Grid Layout. We recommend using this layout only when using mordern browsers as IE support is limitted.
Refer
Card Body
Extra Large View
Grid Child
InfoWindow
Large View
Medium View
Page
Popup
Small View
Tab Item
Grid Child
Trigger Before Render
Choose rows for Vertial Layout or columns for Horizontal Layout
Allowed Values:
rows
columns
Specify the gap in pixels between child components. e.g. 8
Allowed Values: Any number value
Select this to add a border on top
Allowed Values: Yes/No
Select this to add a border on right
Allowed Values: Yes/No
Select this to add a border on bottom
Allowed Values: Yes/No
Select this to add a border on left
Allowed Values: Yes/No
Select an option to change the width of a border
Allowed Values:
default
normal
thick
thicker
Select an option to change the type of a border
Allowed Values:
solid
dashed
dotted
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.
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
Select a value to add margin on the bottom of the component.
Allowed Values: Any number value
Select a value to add margin on the left of the component.
Allowed Values: Any number value
Select a value to add margin on the right of the component.
Allowed Values: Any number value
Select a value to add margin on the top of the component.
Allowed Values: Any number value
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
Select a value to add padding in the bottom of the component.
Allowed Values: Any number value
Select a value to add padding in the left of the component.
Allowed Values: Any number value
Select a value to add padding in right of the component.
Allowed Values: Any number value
Select a value to add padding in top of the component.
Allowed Values: Any number value