Form
Last updated
Was this helpful?
Last updated
Was this helpful?
Form
Forms are input-based components which are designed to collect users data. e.g. registration, login, contact form etc.
Card Body
Case
Col
Grid Child
Horizontal Section
InfoWindow
Popup
Scroll Layout
Tab Item
Vertical Section
Action Button
Attachment Upload
Button
Button Dropdown
Button Group
Change Role
CheckBox
Color Select
Date Field
Icon Menu
Icon Select
Image Cropper
LOV
Monaco Editor
Multi Field
Multi Select LOV
Number Field
Password Field
Popover
Pulse
RadioBox
Rich Text Editor
Row
Scanner Field
Select
Slide Toggle
Slider
Switch
Tags Input
Text Field
Trigger Before Render
Check this to remove vetical margin gap between the form fields
Allowed Values: Yes/No
Check this to render form fields horizontally
Allowed Values: Yes/No
Allowed Values:
Default
Comfortable
Compact
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.
Select an option to change the alignment of the field label.
Allowed Values:
Start
End
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
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
Allowed Values: An expression which should return string after evaluation
Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.
Allowed Values: Yes/No
Select a datasource from the list.
Allowed Values: Select a datasource from the list.
Allowed Values: Free text field
Allowed Values: Free text field
Allowed Values: Any number value
e.g. #firstAttr#, #secondAttr# DESC
Allowed Values: Free text field
Check this property to query the selected datasource on component render.
Allowed Values: Yes/No
Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}
Allowed Values: Yes/No
Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.
Allowed Values: Yes/No
Allowed Values: Yes/No
Allowed Values: Yes/No
Check to enable deleting the existing row.
Allowed Values: Yes/No
Check to enable page masking on save.
Allowed Values: Yes/No
Check to disable monitoring query request.
Allowed Values: Yes/No
Check to enable silent server validate.
Allowed Values: Yes/No
Check to enable silent fetching.
Allowed Values: Yes/No
Check this property to make new record dirty. If this property is checked the status of the new record will be 'Insert' else it will be 'New'
Allowed Values: Yes/No
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
