Approval Form Design
We will start by adding an Approval Step to the Create Notification assignment. And then build a flow to handle the approval.
Prerequisite
Section titled “Prerequisite”Create Notification Form Assignment
Section titled “Create Notification Form Assignment”Recall that the Customer Inspection Form design had an assignments. We will be using the Create Notification form from that assignment.
If you have not yet completed that assignment, do so now so that you can continue with this tutorial.
Form Design
Section titled “Form Design”- Login to Turbo Apps and click on Forms in the sidebar
- Click on the
Copybutton on the row with theCreate Notificationform - Set the
Titleto Create Notification Approval and theDescriptionto Create a notification on SAP after approval or similar - Click on
Copybutton to copy the form - Remember to click on the
Assignmentsicon and assign the form to a team that has at least 2 users including you so the approval can be tested - Now click on the copied form to open the Form Designer
- From Turbo Premium, drag and drop
Smart Nested Formto the top of the form. This will ensure it occupies the full width of the form.- Change the
Labelto Approval Form and click on the :fontawesome-solid-key: icon to update the API property to approvalForm - Click on Form and click on the
Formdropdown. - A list of
Approval Form Templatesin the system are shown. Choose the default Approve Reject Return approval template - Click on Save to save the properties
- Change the
- Click on the Save icon on top to save the form now.
- When you
Previewthe form you will see no difference to theCreate Notificationsince the template is displayed in theTurbo Forms Appdynamically.
That’s it. The Approval form design is complete. After we build the Approval Flow we will test the Approval form.
Topics Covered
Section titled “Topics Covered”- Designing a Nested form with content component for branding
- Using the Nested Form in another form
- Make changes to the nested form and publish it
- Update the embedding form to include the updates from the nested form