Design a form with the form designer

The highlighted information on this page refers to functionality not yet generally available. It is available only in the Preview Sandbox environment.

You can design a custom form with the form designer. You can attach custom forms to different Workfront objects to capture data about those objects.

Access requirements

Expand to view access requirements for the functionality in this article.

You must have the following to perform the steps in this article:

table 0-row-2 1-row-2 2-row-2 layout-auto html-authored no-header
Adobe Workfront plan Any
Adobe Workfront license

New: Standard

or

Current: Plan

Access level configurations Administrative access to custom forms

For more detail about the information in this table, see Access requirements in Workfront documentation.

Start designing a custom form

  1. Click the Main Menu icon Main Menu in the upper-right corner of Adobe Workfront, or (if available), click the Main Menu icon Main Menu in the upper-left corner, then click Setup Setup icon .

  2. Click Custom Forms in the left panel.

  3. Click New Custom Form.

  4. Select which object types you’d like to attach the custom form to, then click Continue.

  5. In the Title is required area, type the custom form title.

  6. (Optional) If you want to add more object types to the form so that it can be attached to more objects, click the Add icon after Object Types, then select the type you want in the menu that displays. You can repeat this to add as many object types as you want.

    You can also click the X on an object type to delete it from the form.

    note caution
    CAUTION
    Deleting a custom form also deletes all custom data on the objects associated with the form. The deleted data cannot be recovered. Consider deactivating a custom form instead—when deactivate a custom form you no longer use, you retain all of the associated historical data.
    For more information, see Add or delete object types from an existing custom form and Deactivate or reactivate a custom form.
  7. Next, you can start adding fields to your custom form. See the following sections:

Add new or existing fields to your custom form

You can use new or existing fields when designing your custom form.

Custom forms are limited to 500 fields. A counter on the bottom left displays how many fields are used on the form, and it is always visible as you scroll within the form designer.

Reuse an existing field or widget already used in another custom form

  1. On the top-left side of the screen, click Field library.

  2. Drag the field or widget here you want it in the custom form.

  3. (Optional) Repeat the previous step to add any other fields or widgets.

    note note
    NOTE
    You can add up to 500 fields and widgets on a single custom form. However, performance degradation can occur when more than 100 exist on a form, depending on its complexity.
    Examples of complex forms include forms with cascading parameters, calculated custom data fields, and multiple value options in a single field.
  4. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Notes on field names and labels notes-on-field-names-and-labels

The label is available for most fields. It is a descriptive label that appears above the field or widget on the custom form. You can change the label at any time.

NOTE
Avoid using special characters in this label. They don’t display correctly in reports.

A name is required for every field. This name is how the system identifies the custom field when you add it to various areas throughout Workfront, such as reports, Home, and API interactions. When you are configuring the field or widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

Each custom field name must be unique in your organization’s Workfront instance. This way, you can reuse one that was already created for another custom form.

NOTE
Though it’s possible to do so, we recommend that you do not change this name after you or other users start using the custom form in Workfront. If you do, the system will no longer recognize the custom field where it might now be referenced in other areas of Workfront.
For example, if you add the custom field to a report and later change its name, Workfront doesn’t recognize it in the report and it will stop functioning correctly there unless you re-add it to the report using the new name.
We recommend that you do not type a name that is already used for built-in Workfront fields.
We recommend that you do not use the period/dot character in the custom field name, to prevent errors when using the field in different areas of Workfront.

The following special characters are not supported in custom field labels and names.

  • \t
  • \n
  • \r
  • \f
  • [
  • ]
  • (
  • )
  • :
  • {
  • }

Add text fields

You can add several different text fields to a custom form.

Expand to see descriptions of available text fields
  • Single line text field: Allows users to type a single line of text in the field.

  • Paragraph field: Allows users to type multiple lines of text in the field.

  • Text field with formatting: Allows users to type multiple lines of text in the field and format the text with bold, italics, underline, bullets, numbering, hyperlinks, and block quotes. A character limit of 15,000 allows for plenty of text and formatting.

    This custom field type is not supported in filters on lists and reports.

    For information about accessing this field through the API, see Rich text field storage in the API.

    note note
    NOTE
    Text fields with formatting are not available for Workfront mobile apps (available in coming releases).
  • Descriptive text: Allows you to include instructions and link to pages outside Workfront.

To add a text field:

  1. On the left side of the screen, find one of the following text fields and drag it to a section on the canvas:

    • Single line text
    • Paragraph
    • Text with formatting
    • Descriptive text

  2. On the right side of the screen, configure the options that are available for the type of custom field you are adding:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 7-row-3 html-authored no-header
    Input into Description Available for
    Size Change the size of the text fields on the form.
    • Single line text
    • Paragraph
    • Text with formatting
    • Descriptive text
    Label

    (Required)Type a descriptive label to display above the field. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    • Single line text
    • Paragraph
    • Text with formatting
    Name

    (Required) This name is how the system identifies the field. When you are configuring the widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    • Single line text
    • Paragraph
    • Text with formatting
    • Descriptive text
    Instructions Type any additional information about the field. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.
    • Single line text
    • Paragraph
    • Text with formatting
    Format

    Select the type of data that will be captured in the custom field.

    NOTE:

    • This field cannot be edited after the form is saved. If you intend to use your field in mathematical calculations, ensure that you select a Number or Currency format.
    • When you select Number or Currency, the system automatically truncates numbers that start with 0.
    • The character limit for Number fields is 16. You can also use a Text field to enter numbers and avoid the limit.
    • Single line text
    • Paragraph
    Display Type Switch between single line and paragraph text fields.
    • Single line text
    • Paragraph
    Hyperlink If you want to apply a hyperlink to the Descriptive Text you have typed, add it here. The Descriptive text displays as a link on objects where the form is attached.
    • Descriptive text
  3. (Optional) Repeat the previous step to add any other fields or widgets.

    or

    To copy a field, hover over a field, and click the copy icon.

    copy icon

  4. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Add calculated fields

In a custom form, you can add a calculated custom field that uses existing data to generate new data when the custom form is attached to an object.

To add a calculated field, see Add calculated fields with the form designer.

Add radio buttons, checkbox groups, and dropdowns

You can add radio buttons, checkbox groups, dropdowns, and multi-select dropdowns to a custom form.

Expand to see descriptions of available fields
  • Radio buttons: Requires users to select only one choice.
  • Checkbox group: Allows users to select multiple choices.
  • Single-select dropdown: Provides a list of dropdown choices.
  • Multi-select dropdown: Allows users to select multiple choices from a dropdown list.
NOTE
Fields that allow multiple selections, such as the Checkbox Group and Multi-Select Dropdown, are difficult to chart and group in reports. To allow easier charting and grouping in reports, you can create separate fields for each choice (for example, a single-line text field).

To add radio buttons, checkbox groups, and dropdowns:

  1. On the left side of the screen, find one of the following fields and drag it to a section on the canvas.

    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown

    Drag a field onto the canvas

  2. On the right side of the screen, configure the options that are available for the type of custom field you are adding:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 7-row-3 layout-auto html-authored no-header
    Input into Description Available for
    Label

    (Required) Type a descriptive label to display above the custom field. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
    Name

    (Required) This name is how the system identifies the field. When you are configuring the widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
    Instructions

    Type any additional information about the custom field. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.

    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
    Format

    Select the type of data that will be captured in the custom field.

    NOTE:

    • This field cannot be edited after the form is saved. If you intend to use your field in mathematical calculations, ensure that you select a Number or Currency format.
    • When you select Number or Currency, the system automatically truncates numbers that start with 0.
    • The character limit for Number fields is 16. You can also use a Text field to enter numbers and avoid the limit.
    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
    Display Type Switch between radio buttons, checkbox group, single-select dropdown, or multi-select dropdown for the field.
    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
    Make a required field Select this option if you want the field to be required in order for the user to complete the custom form.
    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
    Choices
    1. Click Options, then enable any of the following:

      • Show Values: Shows the values of each choice in the field. The label of each choice shows by default.
      • Sort Choices A-Z: Sorts the choices you add alphabetically in the field.
    2. For each choice you add for the user, click the gear icon , then select one of the following options:

      • Select by Default: Select the choice by default in the field.

      • Hide Choice: Hide the choice in the field. Hidden choices remain accessible in reports.

      • Remove Choice: Remove the choice from the field.

        WARNING: If you have current objects using this choice, do not remove it from the field. Removing it will cause historic data to be lost. Instead, select the option to hide it, which prevents users from selecting it in the future.

    • Radio buttons
    • Checkbox group
    • Single-select dropdown
    • Multi-select dropdown
  3. (Optional) Repeat the previous step to add any other fields or widgets.

    or

    To copy a field, hover over a field, and click the copy icon.

    copy icon

  4. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Add typeahead and date fields

You can add typeahead and date fields to a custom form.

Expand to see descriptions of available fields
  • Typeahead: Allows users to type the name of an object that exists in Workfront. A list of suggestions appears when the user starts typing. This field type supports the following objects:

    • User
    • Group
    • Job Role
    • Portfolio
    • Program
    • Project
    • Team
    • Template
    • Company
  • Date: Displays a calendar where users can select a date and time.

To add typeahead and date fields:

  1. On the left side of the screen, find one of the following fields and drag it to a section on the canvas.

    • Typeahead
    • Date

  2. On the right side of the screen, configure the options that are available for the type of custom field you are adding:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 7-row-3 layout-auto html-authored no-header
    Field setting Description Available for
    Label

    (Required) Type a descriptive label to display above the custom field. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    • Typeahead
    • Date
    Name

    (Required) This name is how the system identifies the field. When you are configuring the widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    • Typeahead
    • Date
    Instructions

    Type any additional information about the custom field. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.

    • Typeahead
    • Date
    Display Time of Day Select this option if you want to show the time of day along with the date in the field.
    • Date
    Referenced Object Type

    Select the object type that you want to associate with the field.

    Once you have clicked Apply or Save+Close, you cannot change the object type for the field.

    NOTE:

    • If your Workfront administrator customized the name for Portfolios, Programs, or Projects in the Workfront user interface, the default Workfront name for the object appears in this dropdown list, not the customized name. See your Workfront administrator if you need help with this.
    • The following object types are supported in the iOS and Android Workfront Mobile Apps: User, Company, Group, Job Role, Portfolio, Program, Project, and Template.
    • Typeahead
    Add Filter

    Add a filter for an object type to limit the objects users can choose when they are using the field.

    For example, you could limit a field so that user names can be selected only if they meet the following criteria:

    • They belong to a group or groups that you specify
    • They are associated with a role or job title you specify
    • They belong to the same group as the person using the field

    You must define the filter for the object type you selected using Text Mode syntax. For information about creating a filter using Text Mode, see Edit a filter using text mode.

    NOTE:

    • If you are editing an existing custom form, adding a filter to a Typeahead field does not remove any objects (outside the scope of the filter) that users have already added using the field.
    • This filter is not available on mobile devices. If you use the filter for a Typeahead field, the field will appear on users' mobile devices unaffected by the filter.
    • Typeahead
    Make a required field Select this option if you want the field to be required in order for the user to complete the custom form.
    • Typeahead
    • Date
  3. (Optional) Repeat the previous step to add any other fields or widgets.

    or

    To copy a field, hover over a field, and click the copy icon.

    copy icon

  4. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Add external lookup fields

An external lookup field calls an external API and returns values as options in a dropdown field. Users who work with the object the custom form is attached to can select one or more of these options from the dropdown. The external lookup field is also available in lists and reports.

For examples of using the External lookup field to call the same instance of Workfront or a public API, see Examples of the External lookup field in a custom form.

NOTE
  • External lookup fields from custom forms are currently not supported in dashboards. You cannot edit the field value inline, and it may not display properly in a dashboard. (External lookup fields are supported in Canvas Dashboards.)
  • External lookup fields are not supported in the Outlook plug-in.
  • External lookup fields are available in lists, unless the field has a dependency on another field.

To add an external lookup:

  1. On the left side of the screen, find External lookup and drag it to a section on the canvas.

  2. On the right side of the screen, configure the options for the custom field:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 layout-auto html-authored no-header
    Label

    (Required) Type a descriptive label to display above the custom field. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    Name

    (Required) This name is how the system identifies the field. When you are configuring the widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    Instructions Type any additional information about the custom field. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.
    Format

    Select the type of data that will be captured in the custom field.

    NOTE:

    • You can change the format type after the form is saved, with one limitation: All existing values on objects must be able to be converted to the new type. (For example, if the format type is Text, and an object is storing the value "abc," you cannot convert the field and will get an error that the system cannot convert "abc" to number/currency.) If you intend to use your field in mathematical calculations, ensure that you select a Number or Currency format.
    • When you select Number or Currency, the system automatically truncates numbers that start with 0.
    • The character limit for Number fields is 16. You can also use a Text field to enter numbers and avoid the limit.
    Base API URL

    Type or paste the URL for the API.

    The API URL must return a JSON content of the options that you would like to show in the dropdown. You can use the JSON Path field to select the specific values from the returned JSON to be dropdown options.

    When entering the API URL, you can optionally pass the following values in the URL:

    • $$HOST - This represents the current Workfront host and can be used to make /search API calls to the Workfront API. When this wildcard is used, the authentication is handled and users don't need to send authentication headers. (For example, users can search tasks using the base URL $$HOST/attask/api/task/search and it will allow searching tasks and selecting values from a returned list of tasks.)

    • $$QUERY - This represents the search text that the end user types in the field and allows you to implement query filtering for your end users. (The user will search for the value in the dropdown.)

      If the API you are referencing allows it, you can also include modifiers in your search query to identify how the search should work. For example, you can use the following as the Base API URL to allow people to search for any Workfront projects that contain specific text: $$HOST/attask/api/v15.0/proj/search?name=$$QUERY&name_Mod=contains.

      Learn more about the Workfront search modifiers in API Basics.

      NOTE: If you are not using $$QUERY and the user types text in the search box, it will narrow down the choices you already have. However, if you use $$QUERY and the user types anything, a new network call to your API is performed. Therefore, if you have more than 2000 values in your API, and the API supports querying, you can utilize $$QUERY to not only search from the existing 2000 values, but from the original API with the narrowed down options.

    • {fieldName} - Where fieldName is any custom or native field in Workfront. This way you can implement cascading dropdown option filters, when you pass the value of an already selected field to the External lookup field to filter down options. (For example, the Region field already exists on the form and you are narrowing a list of countries from the API to those that are in a specific region.)

      For an external lookup field that has a dependency on other fields (using the {fieldName} syntax), the options returned from the API are limited to those that match any strings or values entered in the other fields. (This functionality is not supported in lists and reports.)

    • {referenceObject}.{fieldName} – Where the field is part of an object. This syntax is similar to custom expressions. (For example, portfolioID={project}.{portfolioID})

    NOTE: Review the documentation for the API you are working with for the specific queries you can define.

    HTTP Method Select Get, Post, or Put for the method.
    JSON Path

    Type or paste the JSON path for the API.

    This option allows extracting data from the JSON returned by the API URL. It serves as a way to select which values from inside the JSON will appear in the dropdown options.

    For example, if your API URL returns JSON in this format:

       {
        data: {
          { name: "USA"},
          { name: "Canada"}
        }
       }
    
    

    then you can use "$.data[*].name" to select USA and Canada as dropdown options.

    For more information about the JSON Path and ensuring you write the correct JSON Path, refer to https://jsonpath.com/.

    Headers

    Click Add Header, and type or paste the key-value pair required for authentication with the API.

    NOTE: The Header fields are not a secure place to store credentials, and you should be careful of what you enter and save.

    Multi-Select Dropdown Select this option to allow the user to select more than one value in the dropdown.
    Make a required field Select this option if you want the field to be required in order for the user to complete the custom form.
  3. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

NOTE
The following items are technical limitations of the call to the external API:
  • Maximum number of options: 2000 (only the first 2000 unique options from the returned JSON are displayed)
  • Timeout: 3 seconds
  • Number of retries: 3
  • Wait duration between retries: 500ms
  • Expected response statuses: 2xx

Add images, PDFs, and videos

You can add an images, PDFs, and videos to a custom form. Users who work with the object the custom form is attached to can see the image, PDF, or video only in the following areas:

  • The object’s Details area (for example, for a project, the Project Details area)
  • The Edit box for the object, if it has the new Adobe Workfront experience look and feel (for example, the Edit Project and Edit Task boxes)
Expand to see descriptions of available fields
  • Image: Allows users to add image files.
  • PDF: Allows users to add PDFs
  • Videos: Allows users to add video files.

To add images, PDFs, or videos:

  1. On the left side of the screen, find one of the following fields and drag it to a section on the canvas.

    • Image
    • PDF
    • Video

  2. Type or edit any of the following properties for the widget:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto html-authored no-header
    Label

    (Required) Type a descriptive label to display above the widget. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    Name

    (Required) This name is how the system identifies the widget. When you are configuring the widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    URL

    (Required) Type or paste the URL of the widget where it is stored on the internet.

    If you are adding a video widget, currently you can do so by adding the following in the URL box:

    Instructions Type any additional information about the widget. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.
    Size Change the display size of the widget as needed.
  3. (Optional) Repeat the previous step to add any other fields or widgets.

    or

    To copy a field, hover over a field, and click the copy icon.

    copy icon

  4. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Add a video widget to a custom form from the Documents area add-a-video-widget-to-a-custom-form-from-the-documents-area

IMPORTANT
When you add a video to a custom form this way, only the permissions set for the custom form apply to the video when users access the form on an object, not the permissions that were set for the video in the Documents area.
  1. Go to the video in the Documents area and generate a proof for it, as described in Create an interactive proof for a website or other web content.

  2. Open the proof.

  3. Right-click anywhere on the video, then select Copy Video Address.

  4. In the custom form where you are adding the video widget, paste the copied address in the URL box.

  5. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Add Workfront native fields

You can add Workfront native fields to your custom forms. When the custom form is attached to an object, the field is populated from the object data. For example, the Description field on a custom form attached to a project will pull in the project description. (The field may show “N/A” if no data is available.)

Expand to see the list of supported native fields

This table lists the available native fields for specific Workfront objects in a custom form.

table 0-row-9 1-row-9 2-row-9 3-row-9 4-row-9 5-row-9 6-row-9 7-row-9 8-row-9 9-row-9 10-row-9 11-row-9 12-row-9 13-row-9 14-row-9 15-row-9 16-row-9 17-row-9 18-row-9 19-row-9 20-row-9 21-row-9 22-row-9 23-row-9 24-row-9 25-row-9 26-row-9 27-row-9 28-row-9 29-row-9 30-row-9 31-row-9 32-row-9 33-row-9 34-row-9 35-row-9 36-row-9 layout-auto
Field name Project Task Issue Template Template Task Portfolio Program Group
Actual Completion Date
Actual Duration
Actual Hours
Actual Start Date
Company
Condition
Condition Type
Description
Duration
Duration Type
Duration Unit
Entered By
Entry Date
Group
Last Updated By
Last Update Date
Name
Owner
Planned Completion Date
Planned Duration
Planned Hours
Planned Start Date
Portfolio
Priority
Program
Projected Completion Date
Projected Duration Minutes
Projected Start Date
Reference Number
Schedule Mode
Severity
Sponsor
Status
Story Points
Template
URL
  1. On the left side of the screen, find Native field reference and drag it to a section on the canvas.

  2. On the right side of the screen, configure the options for the custom field:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto html-authored no-header
    Label

    (Required) Type a descriptive label to display above the field. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    Name

    (Required) This name is how the system identifies the field. When you are configuring the field for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    Instructions Type any additional information about the field. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.
    Reference Field

    (Required) Select a Workfront native field.

    Only native fields for the form's objects are available. For example, if the Object Types list at the top of the form designer shows Project, you will be able to select native fields for projects but not fields that are specific to tasks.

    Size (Optional) Change the display size of the field as needed.
  3. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Add Adobe XD files

You can add an Adobe XD prototype directly to a custom form. Users who work with the object the custom form is attached to can see the Adobe XD file only in the following areas:

  • The object’s Details area (for example, for a project, the Project Details area)
  • The Edit box for the object, if it has the new Adobe Workfront experience look and feel (for example, the Edit Project and Edit Task boxes)

To add an Adobe XD file:

  1. On the left side of the screen, find Adobe XD and drag it to a section on the canvas.

  2. Type or edit any of the following properties for the widget:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto html-authored no-header
    Label

    (Required) Type a descriptive label to display above the widget. You can change the label at any time.

    IMPORTANT: Avoid using special characters in this label. They don't display correctly in reports. For more information, see Notes on field names and labels.

    Name

    (Required) This name is how the system identifies the widget. When you are configuring the widget for the first time and you type the label, the Name field populates automatically to match it. But the Label and Name fields are not synchronized—this gives you the freedom to change the label that your users see without having to change the name that the system sees.

    For more information, see Notes on field names and labels.

    URL

    (Required) Type or paste a valid XD prototype link.

    Note: The Link Access setting on the Share tab in Adobe XD must be set to Anyone with the link. Otherwise, users will not be able to view the prototype.

    Instructions Type any additional information about the widget. When users fill out the custom form, they can hover over the question mark icon to view a tool tip containing the information you type here.
    Size (Optional) Change the display size of the widget as needed.
  3. (Optional) Repeat the previous step to add any other fields or widgets.

    or

    To copy a field, hover over a field, and click the copy icon.

    copy icon

  4. To save your changes, click Apply and move on to another section to continue building your form.

    or

    Click Save and Close.

Organize and preview a form with the form designer

For information on how to organize a custom form with section breaks and see a preview of the form, see Organize and preview a form with the form designer.

recommendation-more-help
5f00cc6b-2202-40d6-bcd0-3ee0c2316b43