Form Search

Form Search

Description:

Form Search

Form Search is used as the container for the search fields to search and retrieve related information from the datasource. You need to provide the Target Item ID of the component where you want to perform the search.

Allowed Parent Components:

1. Card Body

2. Col

3. Grid Child

4. Horizontal Section

5. Popup

6. Scroll Layout

7. Vertical Section

Allowed Child Components:

1. CheckBox

2. Date Search Field

3. LOV

4. Multi Select LOV

5. Number Search Field

6. Password Field

7. Popover

8. Pulse

9. RadioBox

10. Select

11. Slide Toggle

12. Slider

13. Text Field

14. 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:

1. Default

2. Comfortable

3. 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:

1. Start

2. 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