Horizontal Layout
Description:
Horizontal Layout
Horizontal Layout creates a panel that arrange sections into a single horizontal row and allows you to interactively change the proportion of the width dedicated to each of the section.
Allowed Parent Components:
Card Body
Extra Large View
Horizontal Section
InfoWindow
Large View
Medium View
Page
Popup
Scroll Layout
Small View
Tab Item
Vertical Section
Allowed Child Components:
Horizontal Section
Trigger Before Render
Properties
➤ Background Color
Allowed Values: Color
➤ Minimum Width
Provide a numerical value to specify minimum width.
Allowed Values: Any number value
➤ 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