activities
latest
false
UiPath logo, featuring letters U and I in white

Workflow activities

Last updated Feb 17, 2026

Form designer

UiPath Form Designer is a customized implementation of the form.io engine that provides a drag-and-drop form builder experience in UiPath Studio.

As an RPA Developer, you use the Form Designer to build form interfaces that are required in an attended or unattended automation. You set the definition, behavior, and validation for every form field.

To interact with the Form Designer, click Open Form Designer inside the Create Form Task activity.

docs image

Form Components

A Form component provides you the ability to collect user data.

The UI components are grouped into categories, based on their functionality, as follows:

Form Component CategoryDescriptionForm Component
BasicContains the most used form fields.Text Field, Text Area, Number, Password, Checkbox, Select Boxes, Drop-down List, Radio, Button
AdvancedContains personal or time-related data.HTML Element, Content, Email, Phone Number, Date / Time, Day, Time, Currency, Survey
LayoutContains elements that alter the layout of the form.Columns, Panel, Table, Tabs
DataContains grids and containers specialized for harvesting data.Container, Data Grid, Edit Grid

To create a custom form, drag the desired UI components, drop them to the right side panel, and arrange them to the logic of your use-case.

About form components page to learn more about each form component and how to configure them.

Component Tabs

Once you select a form component, a wizard opens displaying several configuration tabs, to allow further customization for different functionality. Check progress in the preview pane of the wizard.

When you are satisfied with a component design, click Save.

The table below describes the settings available for the common wizard tabs.

Wizard TabDescriptionSpecial Mentions
DisplayConfigure the way the form component is displayed.The name you set in the mandatory Label field is passed as the PropertyName in the Field Key tab.
DataConfigure a default value that end users see in the text field.Components that may hold multiple items (e.g., Selectboxes, Tab) can be defined here.
ValidationConfigure validation requirements to enable other UI components.
Field KeyConfigure the component name you want to use further in the workflow.By default, this value is passed from the Label field of the Display tab.
ConditionalConfigure simple conditions for the component.
LogicConfigure the logic that triggers the conditions.

Check the About Form Designer controls page to learn more about each wizard tab.

Important:

Using custom JavaScript logic may lead to security attacks, so make sure you understand the risk involved before implementing your JavaScript code.

Some form components have specific tabs, for example:

ComponentWizard TabDescription
Date / TimeDateConfigure the minimum and maximum dates available for selection.
TimeConfigure the incremental step for hours and minutes.
DayDayConfigure the way the business user selects the day (incremental or from a drop-down list).
MonthConfigure the way the business user selects the month (incremental or from a drop-down list).
YearConfigure the way the business user selects the year (incremental or from a drop-down list), and also the minimum and maximum year available for selection.
Edit GridTemplatesCustomize the footer of your Edit Grid.
Managing Form Components

docs image To reopen the configuration wizard, hover over the form component and click Edit.

docs imageTo rearrange the form components, click Move and drag the form component to another location inside your form.

To edit the form component using its JSON settings, click docs image Edit JSON. This opens the component JSON, displaying all the available settings.

docs imageTo copy a component inside the form, click Copy and then click docs image Paste below on the same component or on another one.

docs imageTo remove a component from your form, click Remove.

Managing Forms

The Form Designer ribbon has the following options:

docs image

  • Save—Saves the form you have designed.
  • Save As Template—Enables you to export the form you have designed as a template that can be reused in future automation processes.
  • Insert Template—Lets you browse for existing form templates and add them to the current project.
  • Clear Form—Deletes all components in the current form.
  • Preview—Enters a preview mode that shows you how the form looks like at runtime. This section also enables you to resize the display size of the form, or select a premade theme.

    Was this page helpful?

    Get The Help You Need
    Learning RPA - Automation Courses
    UiPath Community Forum
    Uipath Logo
    Trust and Security
    © 2005-2026 UiPath. All rights reserved.