The Form Designer Page allows you to create and manage your forms. Here's what you can do on this page:

Based on user actions, there are 2 types:

Based on accessibility, there are 2 types:

To create a form, go to "Forms & Tasks" > "Form Designer," then click "Create form." This opens a canvas with a form builder, ready for you to start designing your form.

Form Designer form editor is organized in 4 areas:

Personalize your form by adding a logo/header:



In the topbar, you can:

In the form settings panel, you can configure your form's details, including its name, ID, browser display title, and sharing options. You can make your form public (if no assignees are defined) or private.

For advanced users, there's an option to switch to code view, allowing you to add extra rules, and events using JavaScript and additional styling with CSS, using controls' IDs. You can easily switch back to the drag-and-drop builder when needed.

The sky is the limit!

The Form Designer toolbar offers a powerful set of controls to help you build dynamic and functional form layouts. You can simply drag and drop them onto the canvas and edit the properties of each control to customize its data, style, and actions.

The controls are categorized under 2 tabs:

Fields:

Structure:

You can easily find and add any field to your form. Drag fields from the panel on the left to your main view, to the place where you want them to be. You can reposition them afterward. Each element comes with a Settings panel that lets you control its appearance and behavior.

The Text input field can be used for short and general text input.

The Number input field permits input of numeric values, restricting non-numeric characters.

The Date-time input can be used to display or capture date/time information.

Textarea are similar to text inputs, the difference being that they allow for more text input. For example, you may use textarea fields for comments or suggestions.

The Selector field provides a list of several options from which your visitor will have to select one. You can make the list Searchable for your respondents, you can also set a default choice.

The Checkbox field allows users to choose only one item from a list of options.

The Radio allows users to select one option from a predefined set of choices.

The Button enables you to trigger actions or perform specific tasks with a simple click.

The File upload control allows you to select and upload multiple files.

Allowed file types - Allows you to control the types of files users can upload with the File Upload control. You can select from the pre-defined list of file extensions:

Allow multiple files upload - set if File Upload control will allow single or multiple file upload

Validation

Sections allow you to group multiple controls. You can drop the controls inside a Section.

The "List" component is a fundamental element within the form builder toolkit, empowering users to organize and display collections of items with efficiency and clarity. This component excels in scenarios where users need to present lists of data, such as product catalogs, task lists, or contact directories.

Effortlessly integrate the "List" component into your forms to streamline data presentation and enhance user experience. With its intuitive interface and robust functionality, you can effortlessly create dynamic and interactive lists tailored to your specific requirements.

The "Columns" control is a versatile element that you can use to structure your forms with multiple columns. This feature is particularly useful when you want to arrange form fields side by side, optimizing space and improving the overall form layout.

The "Columns" control is a valuable tool for enhancing the layout and usability of your forms, allowing you to present information in a structured and visually appealing manner.

The "Stepper" control is a dynamic element that you can use to create multi-step forms or guided processes within your forms. It allows form users to progress through different stages or sections of a form, ensuring a structured and organized data collection process.



The Divider can be found under the Structure tab. Its role is to provide a structure to your form. You could use it to separate different sections of the form in order to make it easier to read by your respondents.

Use the Tabs control to organize related content and allow users to switch between different sets of information within a single container.

Use the "Heading" control to create structured and organized forms by adding headings or section titles. Now with HTML support, customize your headings with enhanced formatting options.

The "Paragraph" control is a versatile element that allows you to add text-based content to your forms. With this control, you can provide instructions, descriptions, or any other textual information within your forms. With HTML support, you can enrich your forms. Utilize this control to provide instructions, descriptions, or any other textual information within your forms.

The URL data source type enables fetching data from a remote server using a provided URL endpoint. This feature is particularly useful for retrieving dynamic data sets, such as product listings, user profiles, or real-time statistics, directly into your application.

To utilize the URL data source type, follow these steps:

Here's an example of the expected JSON format:

3. Preview As: "Preview As" is a feature available for forms with assignees or approvers. It allows you to view the form from the perspective of a specific assignee or approver, simulating their experience.

4. Publish: The "Publish" function makes your form accessible to respondents. It generates a unique URL for your form that you can share with users to collect their responses.





For support, please join our Discord community for further assistance and support.