The UI for creating Forms is made of the following areas:
- Form
- Control Palette
- Components Properties
- Button Configuration
Form: Each component, also called Control Element, must be placed in the Form area when selected from the Control Palette. Components can be moved and positioned within the Form area to define the best layout for addressing the business requirements. Below, you will see the main UI area for creating forms which is currently empty.
Control Palette: Form Control Elements are listed in the Control Palette on the left side of the Form area. You can select which element is required and add it to the Form area using the drag and drop feature.
Component Properties: Each control element has its own configuration. You as an administrator can adjust the Control Properties using the Component Properties area on the right side of the Forms.
For example: enter text for a heading and choose the heading level. Different form elements have different types of properties. If you want to remove an element from a form, use the Delete button in the properties area.
Control elements can also have associated conditions. You can set conditions specifying form elements as required, read only, hidden, disabled, or supporting multiple selection. Configuration can include choosing a value list for a menu, setting associated conditions for the control, or providing an API URL for buttons.
For example, select the required checkbox if a text entry field is always required, or the Rule Configuration next to the required checkbox to define a rule if a text entry field is only required for one country or region. This setting makes the field optional unless a specific country or region code is entered elsewhere on the form.
Button Configuration: At the bottom of the Form area, Buttons can be included: Save, Reset, and Cancel are the default Buttons on the Form. Custom Form Buttons can be used to send, submit, or check data on a Form by calling an API on an external system.
