Tutorial: Replacing Standard Transition Buttons with Hyperlinks on a Transition Form

This tutorial demonstrates how to replace the standard OK and Cancel buttons on a transition form with hyperlinks and change their labels.

Prerequisites:

Before you start this tutorial, create a basic process app from the Application Process App template in the Create New Process App Dialog Box, and add the following states and transitions to the application workflow.
  • Assigned ("active" state)
  • In Progress ("active" state)
  • Closed ("completed" state)
  • Assign ("regular" transition)
  • Start Work ("regular" transition)
  • Close ("regular" transition)

To replace standard transition buttons with hyperlinks and change their labels:

  1. Click Element in the New section on the Home tab of the Ribbon, and then click Transition Form.
  2. In the Form Configuration Dialog Box, select Based on 'quick' form for <application name> Table.
  3. On the Forms tab of the workflow Property Editor, select the form you just created from the Default transition form list, and then click Edit. The form opens in the form editor.
  4. Select the top section of the form, right-click, and then select Add Row Above.
  5. Drag a Panel control from the Container Controls section of the Form Palette to the new row.
  6. In the Insert Panel dialog box, select 2 columns, 1 row, and All autoSize.
  7. On the Toolbar tab of the form Property Editor, clear the Show button bar check box. This ensures that the hyperlinks you add will replace the standard buttons.
  8. Drag a HyperLink control from the Other Controls section of the Form Palette to the first column in the new row.
    1. On the Behavior tab of the hyperlink Property Editor, select Submit form.
    2. On the General tab of the hyperlink Property Editor, in the Display text box, type Submit).
  9. Drag another HyperLink control to the second column of the new row.
    1. On the Behavior tab of the hyperlink Property Editor, select Cancel form.
    2. On the General tab of the hyperlink Property Editor, in the Display text box, type Abandon).
  10. Optionally, repeat steps 4 through 9, but add a row to the bottom of the form. This ensures the hyperlinks are available at the top and the bottom of the form.
  11. To see the changes you made, click Preview in the Ribbon.
On the custom transition form, the standard OK and Cancel buttons are replaced with hyperlinks. Submit replaces the standard OK button label, and Abandon replaces the standard Cancel button label.