The first step is to create a SharePoint custom list called Leave Application and create the K2 Application from this custom list. Ensure to include all the elements in the K2 Application; Data, Forms, Workflow and Reports.

For the Workflow Start Option, select the When a SmartForm is submitted option and ensure the New Leave Application form is selected from the drop down.

Click OK to create the K2 Application elements. Drag a Placeholder onto the canvas and save the workflow. We will return later to design the workflow. Click on Close & Exit to go back to the K2 Application.

The second step is to create Views that will be used to Add and Display (List) comments. You may create the Views once and re-use them across multiple Forms and Applications, or create separate Views for each Application. You may also use the built-in Views called K2 Workflow Attachments View and K2 Workflow Comments View to display a list of Comments, if you prefer, but for this sample we will create Views to both Add and Display (List) Comments.

1. Create the Item View used to capture new comments. From the K2 Application, click on New and select View. The View Designer is opened
2. Click Next.
3. Configure the General settings of the View.
4. Change the Data Source to the Workflow Comment SmartObject. Locate the Workflow Comments SmartObject in the System Folder. The general properties of the View will look similar to the image below:

   

5. Click Next.
6. Add the Comment field to the View and configure the styling to your choice.

   

7. Click Finish.
8. This takes you back to the K2 Application.
9. Create the Comments List View used to display comments. From the K2 Application click on New and select View. The View Designer is opened.
10. Click Next.
11. Configure the General settings of the View and select List View as the View Type.
12. Change the Data Source to the Workflow Comment SmartObject located in the System Folder.
13. Disable the option Call this method when the form loads.
14. The general properties of the View will look similar to the image below:

    

15. Click Next.
16. Click Create Labels and Controls.
17. Select the Fields to display on the List View (we recommend Comment, Created By and Created Date).

    

18. Configure the layout and styling of the new List View to your liking.

    

19. Click on Finish. This takes you back to your K2 Application.
20. Now that the Views are ready, we can use them on the New Leave Application and Edit Leave Application Forms, used to Start workflows and complete workflow items.

The New Leave Application Form will be used to start the workflow. Add the Workflow Comments Item View that you created in the previous step to the Form. We will configure this View in a later step.

1. From the K2 Application, right click on the New Leave Application Form and select Check Out.
2. Right click the Form again and select Edit.
3. The Form Designer is opened.
4. Drag the Comment Item View from your Leave Application Category to the Form. Change the View Title to Add Comment.

   

5. Click Next and add a Form Parameter of type Number called ProcInstID. This parameter will be used to save the comment associated with the Process.

   

6. Finish the Form. This takes you back to the K2 Application.

Now we need to edit the Edit Leave Application Form that will be used for the approval step of the workflow.

1. From the K2 Application, right click on the Edit Leave Application Form and select Check Out.
2. Right click the Form again and select Edit.
3. The Form Designer is opened.
4. Drag the Comment List as well as the Comment Item Views from your Leave Application Category to the Form.
5. Change the title of the Comments List View to List of Comments and the title of the Comment Item View to Add Comment.

   

6. Click Next and add a Form Parameter of type Number called ProcInstID. This parameter will be used to load the comments associated with the Process Instance as well as saving the new comment entered by the approver.

   

7. Finish the Form. This takes you back to the K2 Application.

Follow the steps below to design the workflow:

1. Click on the workflow created earlier and select Edit.
2. In the Workflow Start wizard, add an integer type Data Field called ProcInstIDDF to the workflow. This data field will store the Process Instance ID of the new workflow so that it can be used later to load the Comments associated with a workflow for the Approval Forms.

   

3. Finish the wizard.
4. Replace the Placeholder with a Set Data Fields event to copy the Workflow ID to the ProcInstIDDF data field, as shown below. This is necessary so that we can pass the Process Instance ID into the Form used to approve the leave request.

   

5. Add an Outcome to the Set Data Fields event, then add a User Task to the outcome.
6. Provide a name and action then point it to the Edit Leave Application Form that was created with the K2 Application.
7. On the Form settings section, drag the ProcInstIDDF workflow data field into the ProcInstID Form parameter, as shown below:

   

8. Finish the wizard.
9. Deploy the Workflow so that the workflow integration Actions are added to the Start and Approval Forms.
10. Click on Close & Exit to go back to the K2 Application.

Edit the New Leave Application Form. Configure the Start Workflow action, and set up the Output Mappings so that the Workflow ID is passed into the ProcInstId Form Parameter, as shown below.

1. Right click the New Leave Application Form and select Edit.
2. From the Rules tab, select the New Leave Application state.
3. Select the On New Leave Application, When Save Button is Clicked rule and click Edit.

   

4. Click Configure on the Start the workflow action.

   

5. From the Output mappings, drag the workflow ID to the ProcInstID Form Parameter as shown in the image below:

   

6. Add an Action to show a message after the workflow was started. Move the action below the Start a workflow action.

   

7. Click on Configure. Type Workflow Started as the title and New Workflow Instance started as the body. This is just an example, you can use other text.
8. Add an Action to execute the Add Comment method for the Workflow Comment Item View. Move the Action below the Show message Action. You may want to include a condition so that the Comment is only saved if the user actually entered a comment.

   

9. Configure the Add Comment method so that the ProcInstID Form Parameter is passed into the Process Instance ID Input property, and the Comment Text Area is passed into the Comment input property.

   

10. Finish the New Leave Application Form. You have now added the necessary integration to capture a comment entered by the User when the workflow is started. Next we will add the integration into the Edit Leave Application Form to load the previous comments for the workflow.
11. From the K2 Application, right click the Edit Leave Application Form and select Edit
12. Navigate to the rules and select the Base state.
13. Edit the When the Form is initializing rule.
14. Configure the Edit Leave Application View Initialize method.

    

15. Map the Form parameter as shown below:

    

16. Finish the rule.
17. Select the Workflow Task state.
18. Edit the When the Form is initializing rule.

    

19. Add a rule Action to execute the Get List method of the Workflow Comment List View.

    

20. Configure the Rule so that the ProcInstID Form parameter is passed into the Process Instance ID Input property, as shown below:

    

21. Finish the rule. You have set up the rules that will populate the Edit Leave Application Form with previous comments for the workflow. Next we will set up the rule to save the Comment entered by the approver.
22. Add a rule that executes the Add Comment method of the Comment Item View after the Workflow action was submitted. You may want to add a condition so that the comment is only captured if the approver actually added a comment.

    

23. Configure the Add Comment method so that the ProcInstID Form Parameter is passed into the Process Instance ID Input property, and the Comment Text Area is passed into the Comment input property, as shown below:

    

24. Finish the rule then finish the Form.
25. Check in all the Forms and Views from the K2 Application.
26. You have now added all the necessary integration to display and capture comments for the Workflow New Leave Application and Edit Leave Application Forms.

You can now test your scenario by running the New Leave Application Form to start a new workflow instance and adding comments. You can also then open the User Task to retrieve comments and add new comments. Follow these steps:

1. Click on the New Leave Application Form from the K2 Application and click Run.

   

2. Add the nessecary information, including a comment and click Save.

   

3. Note the message showing as it was configured in the Save rule.

   

4. The Form is now successfully submitted.

   

5. Open the destination user's worklist from the K2 workflist.

   

6. Note the list of the comments added on the previous step. Add a new comment.

   

7. Select a workflow action and click Submit.

   

8. You will see the following notification:

   

9. These comments can now be viewed in reports. See the Using Reports topic on how to view Comments and Attachments.