Form Builder

Add a form to your process to collect all necessary information during the process automation. This site will show you how...

1.Adding form components

Unbenannt2

To add a form component to a form, drag and drop the component from the left column into the desired location within the form.

Each new form starts with a submit button automatically added to it. This can be removed or edited as necessary.

A Form component collects user data and serves as the display or user interface within the system. Form components define the type of widget that users will enter their data and will automatically add a property to the resource endpoint to interact with the Form component.

Basic Components:

Basic Components

  1. "Text Field" adds a field for text
  2. "Number" adds a field for a number
  3. "Password" adds a field for a password
  4. "Text Area" adds an area for text
  5. "Checkbox" adds Checkboxes (multiselect)
  6. "Select Boxes" adds Select Boxes (multiselect)
  7. "Time" adds a time field
  8. "Select" adds a select field (uniselect)
  9. "Radio" adds radio buttons (uniselect)
  10. "Content" adds content field with various options for adding content
  11. "Button" adds a button
Advanced:

Advanced

Advanced 2

  1. "Email" adds a Email field
  2. "Url" adds a URL field
  3. "Phone Number" adds a field for Phone Numbers
  4. "Address" adds a address field
  5. "Date/Time" adds a Date/Time field
  6. "Day" adds a date field
  7. "Modal Edit" adds a modal edit field
  8. "Tags" adds a tag field
  9. "Currency" adds a currency field
  10. "HTML Element" adds a field for HTML Elements
  11. "Resource" adds a field for resources
  12. "File" adds a file field
  13. "Nested Form" adds a nested form
  14. "Signature" adds a signature field
  15. "Custom" adds a field for customized content
  16. "Survey" adds a field for conducting a survey
  17. "Location" adds a location field
Layout Components:

Layout Components are used to change the general layout of the Form.

The Column layout component can be used to split any area into two columns. Simply drag and drop the Column button onto the form and the area you drop it on will be split in two.

A fieldset can be used to create a title of an area of the form. This is useful to put inside Layout components or in between lots of related fields. This form component is display only and will not be saved to the api.

Panels are used to wrap groups of fields with a title and styling. These currently map to Bootstrap Panels.

The table component allows creating a table with columns and rows that allow adding additional components within it.

Tabs divide the form into different sites where components can be dropped.

2. Editing a Form Component:

Unbenannt

To edit a form component on a form, hover over the component and click the edit icon. You will then be presented with a settings form for the component.