Integrate an SAP UI5 Task in a Business Process

1. Open your Sales Order Management project you created as a prerequisite.

   CAUTION: If you are using a SAP BTP Free Trial account, you are limited to a quota of 5 forms within your project. Please delete the Approval Form before you import your SAP UI5 form.

   

2. Perform the following steps:

   • under the Editable version of your project
   • choose the Import button
   • select Form from the contextual menu

   

3. Fill the Import Form details:

   • set the Application ID, the name of your SAP UI5 application you get from the manifest.json file
   • set the Version, the application version you get from the manifest.json file
   • provide a Name, an identifier and a description for your approval form
   • choose the Import button

   

4. The form should open in the Forms Editor:

   • if you want to open the manifest.json, choose the hyper link button
   • close the Forms Editor

   

1. Open your Order Processing business process.

   

2. Remove the current Approval Form designed by with Forms Builder.

   

3. Add your imported Order Approval UI Task as approval into your business process.

   

4. Connect the reject branch into the Order Rejection Notification form.

   

5. Select the Order Approval UI Task, fill and map the required fields:

   • in the Subject field, enter Review and approve order, select Order Number from Order Processing Form, enter and, select Ship To Party from Order Processing Form
   • set the Users under Recipients with Process Started By from Process Metadata
   • choose the Inputs tab

   

6. Map the required form Inputs accordingly.

   

7. Select the Order Confirmation Form and map the required missing input accordingly.

   

8. Select the Order Rejection Notification form.

   • map the required missing input accordingly

   

9. Save your project.

10. Release your project.

1. Deploy your Project and retrieve the Form Trigger link for testing.

   

2. Provide Sales Order data and test your process going through the approval process branch.

   

1. Monitor the business process.

You have successfully completed the tutorial, integrating an SAP UI5 application in the order approval business process.

The entire project is available in the SAP Build Store as a sample and you can follow the below steps to retrieve the project and use it for reference.

To retrieve this sample, please follow these steps:

1. From the SAP Build Lobby, navigate to Store.

2. Search for the sample project: Sales Order Management (MI08).

3. Choose Create from Template to retrieve the sample and save it as a new project in your lobby.

   

4. Choose Create.

   

   Your project gets created in editable version. You may release and deploy it and run the project.

5. Navigate back to the lobby by clicking on the SAP logo.

   

   You can see your project is available in the lobby.