![]() | You can also add one or more forms to your application. Use the scroll bar to navigate to the range of related components that are provided in the Form components section of the Page builder menu. Using the form components, you can create web pages with input fields that are connected with your data model. You can apply, for example, a submit button for posting values. You need to apply a layout format for your page before you can start building a form. Note: Building forms involves knowledge of how to work with data and data models. You may need the support of an experienced IT developer for building forms. |
The following components are available in the Form section of the Page builder menu.
Form | ![]() | Form components are forms with input fields and a submit button to post the values to an action. |
Submit Button | ![]() | Submit button components are buttons to finalize the user's input and submit forms. |
Create Form | ![]() | Use to open the Configure form fields based on a required model. |
Update Form | ![]() | Creates an Update Form record based on a selected model. |
Login Form | ![]() | Provides fields for creating a Login Form. You are requested to select an authentication profile (specific to your application) and the page that is opened on successful login (Redirect after successful login). |
Text Area | ![]() | Text Area components are text fields that can contain multiple text lines and can be used inside forms to post text values. |
Text Field | ![]() | Text field component that can be used inside a form to input and post text values. |
Number | ![]() | Number input fields that can be used inside forms to post number values. |
Password | ![]() | Password input fields that can be used inside forms to post password values. |
Price | ![]() | Price input fields that can be used inside forms to post price values. |
![]() | Email input fields that can be used inside forms to post email values. | |
Autocomplete | ![]() | The Autocomplete component is a dropdown with suggestions based on what you enter in the input field |
Decimal | ![]() | Decimal component to specify the number of places in a number field. |
Data Time Picker | ![]() | Datetime picker components are datetime pickers that can be used inside forms to post both date and time values. |
Date Picker | ![]() | Use for posting a date value in a form. |
Time Picker | ![]() | Use for posting a time value in a form. |
Switch | ![]() | Apply a button for applying a Switch on a form. |
Select | ![]() | Dropdown boxes containing values that can be selected and used in form to post specified values. |
Radio Group | ![]() | Radio group components can be chosen and used inside a form to post certain values. |
Image Upload | ![]() | Specify if an image can be uploaded to a form. |
Hidden Input | ![]() | Hidden input components are hidden input fields that can be used inside a form to post certain values. |
File Upload | ![]() | File Upload component can be applied for building file upload capabilities and specifying, for example, the accepted file formats. |
Checkbox Group | ![]() | Use the Checkbox Group component to specify values that can be chosen and used inside a form to post certain values. |
Checkbox | ![]() | Checkbox components are checkbox groups containing options that can be chosen and used inside a form to post certain values. |
Rating | ![]() | Use the Rating component to apply a feedback rating button for users of your application. |
Slider Input | ![]() |
You can use customize the available components using the Options available when a component is selected. You can use the Select parent component or the Component Tree menu to open the options for a form.
![]() |
The following provides an example of the Options menu available when working with Form component. The Options menu is based on the component selected. The following will vary based on the component selected.
![]() | You can use customize the available components using the Options available when a component is selected. For example, you can: Select an Action to post the values to using Edit action. The Actions module is opened. Specify the related Model. The model Application is used as an example. You can use the edit button to open a model. Filter the data within the form provided by the selected model. Specify a Success message that is displayed when the form is successfully submitted. You can create a custom message using an Interaction. Specify an Error message that is displayed when the form fails to submit. You can use a default built in message or specify an interaction. The Message or Content that is shown once information is loaded can be specified. Styling options are also available such as the amount of outer space applied around the form. You can also specify the page (Redirect After Successful Submit) that should be displayed once any form input has been submitted. An additional test attribute can be applied in the Advanced settings section. |
Note: Options available vary based on the type of Form you are creating.