Form Search
Description:
Form Search
Allowed Parent Components:
Card Body
Col
Grid Child
Horizontal Section
Popup
Scroll Layout
Vertical Section
Allowed Child Components:
CheckBox
Date Search Field
LOV
Multi Select LOV
Number Search Field
Password Field
Popover
Pulse
RadioBox
Select
Slide Toggle
Slider
Text Field
Trigger Before Render
Properties
➤ Target Item Id
Specify item id to perform actions on the store associated with this item.
Allowed Values: Free text field
➤ Form Fields Attached
Check this to remove vetical margin gap between the form fields
Allowed Values: Yes/No
➤ Form Horizontal
Check this to render form fields horizontally
Allowed Values: Yes/No
➤ Form Density
Allowed Values:
Default
Comfortable
Compact
➤ Label Width
Enter a numeric value to define the width of the field labels.
Allowed Values: Enter a numeric value to define the width of the field labels.
➤ Label Alignment
Select an option to change the alignment of the field label.
Allowed Values:
Start
End
➤ Multi Column
Check this to render the fields using Bootstrap Grid layout. When checked Column Size property will be visible on all fields under this form, which can be used to control the number columns to be rendered in this form.
Allowed Values: Yes/No
➤ Show Message On Icon
Check this to show the error message on the mouseover on the icon. By default, the message will be displayed below the field
Allowed Values: Yes/No
➤ Data Source
Select a datasource from the list.
Allowed Values: Select a datasource from the list.
➤ Data Source Alias
Allowed Values: Free text field
➤ 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