×

Supercharge your Proficy solution! Download a free trial of Proficy Operations Hub, CSense analytics, and more. Explore our Proficy 2024 releases!

Home
Forms and User Displays
Web-Based Forms and Displays
Web-based Forms and Displays
You can use the Designer to create web-based forms.
Hosting Custom Web Forms
You can use custom forms that are hosted on a separate domain.

Workflow IPI
Get Started
Tutorials
Orientation
Configure Your Environment
Security
Resource Information and Configuration
Data Administration
Forms and User Displays
- Forms Introduction
- Designer Panels
- Display and Group Duplication
- Form Templates
- Basic Forms and Displays
- Web-Based Forms and Displays
  - Web-based Forms and Displays
    You can use the Designer to create web-based forms.
    - Developing a web form for a workflow
      This tutorial shows how you can design, develop, and use a web-based form, then add it to a simple workflow for use by an operator working in the Task List.
    - Create a simple web form with images
      You can use the Designer to create basic HTML forms with simple images, such as a logo.
    - Create a user display or form from a web page
      You can use the Designer to create web-based forms.
    - Create a simple web form with generic text fields
      You can use the Designer to create basic HTML forms with generic, read-only text fields that you can use to add headings or titles to you forms.
    - Create a simple web form with text boxes
      You can use the Designer to create basic HTML forms with text boxes.
    - Create a simple web form with a text area
      You can use the Designer to create basic HTML forms with an area for operators to add text.
    - Create a simple web form with check boxes
      You can use the Designer to create basic HTML forms with check boxes.
    - Create a simple web form with radio buttons
      You can use the Designer to create basic HTML forms with radio buttons.
    - Create a simple web form with combo boxes
      You can use the Designer to create basic HTML forms with combo boxes.
    - Create a simple web form with a list box
      You can use the Designer to create basic HTML forms with a list box that allows an operator to select multiple entries at the same time.
    - Save the HTML code for customization
      You can save the HTML code from a simple web form into a separate file, and then customize it to meet your specific requirements.
    - Text Fields in Web Forms
      You can use the Designer to create basic HTML forms with generic, read-only text fields that you can use to add headings or titles to you forms.
    - Images in Web Forms
      You can use the Designer to create basic HTML forms with simple images, such as a logo.
    - Text Boxes in Web Forms
      You can use the Designer to create basic HTML forms with text boxes.
    - Text Areas in Web Forms
      You can use the Designer to create basic HTML forms with an area for operators to add text.
    - Check Boxes in Web Forms
      You can use the Designer to create basic HTML forms with check boxes.
    - Radio Buttons in Web Forms
      You can use the Designer to create basic HTML forms with radio buttons.
    - Combo Boxes in Web Forms
      You can use the Designer to create basic HTML forms with combo boxes.
    - List Boxes in Web Forms
      You can use the Designer to create basic HTML forms with a list box that allows an operator to select multiple entries at the same time.
    - Saving HTML Code
      You can save the HTML code from a simple web form into a separate file, and then customize it to meet your specific requirements.
    - Installing and Viewing Sample Custom Web Forms
      A sample custom web form is provided when you install Workflow 2.2 SP1 and later. The sample form contains examples of some form controls, including data grids, that are supported. It features an example of how to use a DataTable table with hard-coded values to populate a data grid in the form.
    - Requirements for Creating Custom Web Forms
      You can create custom web forms, and then bind, build an expression, or set a literal value against the input and output parameters in a workflow.
    - Hosting Custom Web Forms
      You can use custom forms that are hosted on a separate domain.
- Existing Assembly Options
- Form Development in Visual Studio
- Form Development in Silverlight
Building and Configuring Workflows
eSOP
ActiveX Task Controls
Service Interfaces
Operator Task List in the Workflow Client
Best Practices

Hosting Custom Web Forms

You can use custom forms that are hosted on a separate domain.

HTTP Headers

To load custom web forms, you must:

Create a secure web host.
Add the following HTTP header to each host response: Access-Control-Allow-Origin.
Configure the HTTP header value for each host response to include the domain information where you will be hosting the custom forms.
Add a second HTTP header to each host response: Access-Control-Allow-Headers with the value authorization,content-type,pragma,cache-control.

Using IIS to Host Custom Web Forms

Note: This section assumes that you have a knowledge of web administration, and that you have already set up a web application and created a location containing a custom web form.

Start the Internet Information Services (IIS) Manager application.
Select the folder that contains the form.
From the IIS section in the central panel, double-click HTTP Response Headers.
From the Actions panel, click Add.
In the Name field, enter Access-Control-Allow-Origin.
In the Value field, enter the host where the Task List will be hosted. For example, for the Vision web server, enter https://mywebserver.
Click OK.
To add another header, from the Actions panel, click Add.
In the Name field, enter Access-Control-Allow-Headers.
In the Value field, enter authorization,content-type,pragma,cache-control.
Click OK.