Workflow Form

The Workflow Form component embeds workflow forms within an app page. With this component, you can display forms beside other UI components on a page, saving builders from rebuilding existing forms.

The component does not create or modify forms. To update forms, navigate to the appropriate workflow in Nintex Workflow and use the Form designer.

Task forms cannot currently be embedded with this component.

Jump to:

Use the Workflow Form component

First, ensure the workflow you want to embed is published in Nintex Workflow. While production and development workflows can be embedded, they must be published first. For more information, see Publish a workflow.

To embed a Nintex Workflow form within an app page:

  1. Add a Workflow Form component to a Nintex Apps page. For more information, see Add components to the canvas.

  2. In the Properties panel, set the Workflow property to the workflow you want to embed. For more information see, Component properties.

Styles

While style variants are not currently available for Workflow Forms, it’s still possible to configure the styles for a single variant in the Design system.

  1. In the Apps navigation bar, click Design systems.
  2. Select the design you want to use.
  3. Click Components.
  4. Under Workflow Components, click Workflow Form.
  5. Click the Workflow Form component within the canvas.

    Standard style options are displayed. For more information, see Styles.

  6. Configure the styling options you want.

  7. Click Save.

Component properties

  • Unique ID: (Required) An automatically generated alphanumeric identifier for the component. You can rename if needed.

  • Workflow: Choose the workflow you want to embed within the app page from the drop-down list.

  • Prevent leaving the page if form has unsaved changes: To display a warning dialog when users attempt to leave the page with unsaved changes in a workflow form, turn on the toggle. When turned off, users can leave the page without a warning and may lose unsaved changes.

  • Margins: Sets a component's margin (the space around it) relative to other components on the page.

    • To set margins for all sides, click All.
    • To set margins for each side individually, click Separate.

    Set margins using spacing variables defined in the design system. Custom or arbitrary values are not allowed. For more information, see Spacing.

  • On-submit success actions: Determines the actions executed when the form is successfully submitted and processed without errors.

  • On-submit failure actions: Defines the actions executed when form submission fails due to validation errors, system issues, or workflow problems.

To add actions, click Add. The following options are available:

  • Add action flow: Use Action flows to launch actions.

  • Show menu: Use the Show/hide menu action to add a drop-down menu to the navigation item.

Standard Display logic options are available to display or hide the component or feature.