1. Download the plugin from Joget Marketplace and import it into your Joget platform via Manage Plugin (See Figure 1).
   
   
2. Return to All Apps and click on on the Design New App. Provide the app details and click on the Save button.
   
   
3. Click on the Create new form and add two fields:
   1. A hidden field with id = 'status' and Workflow Variable field = 'status' 
   2. A textfield field with id = 'request'
      
      
4. Save your form.
   
   
5. Click on the green button called App Generator then click on the Generate Process - Approval Process (See Figure 2).
   
   
6. Close the form and return to the "Design App" page. You will notice that the App Generator has created the datalist and userview records for you.
   
   
7. Publish your app and click on the Launch button.
   
   
8. Your app is now ready for you.
   
   
9. In the app, click on the Submit Request Form menu. Fill in the "Request Note" and click on the Submit button (See Figure 3).
   
   
10. In the app, click on the Approval menu. You will immediately see something new; the datalist has "Approve, Reject, Clarify, Reassign" buttons below the list. These buttons was were generated by the new Process List userview plugin (See Figure 4).
    
    
11. Now click on the View hyperlink in the Approval datalist.
    
    
12. The form will open and you will again see something new, the form has "Approve, Reject, Clarify, Reassign, Save As Draft, Cancel" buttons. These buttons was were generated by the new Process Form modifier plugin (See Figure 5).
    
    
13. Go ahead to click the the Approve button. You have completed the process flow.
    
    
14. In the app, click on the My Closed Request Form menu to see the completed record.
    
    
15. You can view the generated process flow in "Design App > Processes".
    
    
16. The app includes generated email notification in the "Processes > Map Tools To Plugin" which you can customize anytime.

^{Figure 2}

^{Figure 3}

^{Figure 4}

^{Figure 5}

Each process list menu is like a CRUD menu, but with enhanced features. You can tag the process list menu for various tasks and the plugin will automatically present the action buttons. There are five types of process list:

• My completedCompleted: Use this type to display completed tasks. My completed Completed belongs to the user who started the process.
• My in progressIn Progress: Use this type to display submitted tasks. Joget will add the 'Reassign' and 'Withdraw' buttons in the datalist.
• My participatedParticipated: Use this type to display completed tasks. My participate Participated allows other users to view and input comments in the task form.
• My withdrawnWithdrawn: Use this type to display withdrawn tasks. My withdrawn belongs to the user who started and then withdrawn the process.
• Process activityActivity: Use this type to display tasks pending approval or clarification. Joget will add the 'Approve', 'Reject', 'Clarify' and 'Reassign' buttons in the datalist.

• Full Name with Username
• Username
• Full Name

• None
• Organization
• Department
• Grade

When checked, this allows these fields to dynamically load available options based on the other field value (grouping column) when dealing with with a tremendous amount of selections. Read more at Ajax Cascading Drop-Down List.

Only available when used as an Options Binder. An array "values" is passed to the script automatically. See Bean Shell Programming Guide > Form Ajax Options Binder for example.

Enable comments?

Show activity name?

Number of latest comments show by default *

Disabled adding new comment?

Enable process status?

Show Process Name?

Show Future Process Activities?

Show Skipped Activities?

Username Display Format

This property defines the new database table name to use when creating a new child table to store the activity comments entered by the users. Defaults to '{appId}_pd'. where 'appId' is the 'id' your your new app. For example, if your appId is "myFavApp", the new table name in the database is "app_fd_myFavApp_pd".

Back Button Label

Save Button Label

Custom Header

Custom Footer

Show Number of Rows In Menu

• Top Left
• Top Right
• Bottom Left
• Bottom Right
• Top Left & Bottom Left
• Top Right & Bottom Right

• Multiple
• Single

• Left
• Right
• Both let & right
• No

View form link label

Optional.

Link to edit the form will default to 'View' but you can change the link name here.

Custom Header

Click on the checkbox to set all section fields as readonly.

Figure 19: Plugin Configuration

Clarification

Enable clarification of selected activity?

Click on the checkbox to configure the following:

• Clarification Activity
• Clarify Button Label
• Skip Validation?
• Execute Tool After Return to Clarification Activity
• Tooltip Message
• Confirmation Message

Reassignment

Enable reassignment?

Click on the checkbox to allow reassignment. If option is enabled, the following fields are shownconfigure reassignment:

• Reassignment activity
• Reassignment user options binder
• Reassign button label
• Skip Validation?
• Execute tool after reassignment
• Reassignment Update Assignee Field
• Tooltip message

Process Withdrawal

Enable withdraw process?

Click on the checkbox to configure the withdraw process:

• Execute tool after process withdrawal
• Withdraw button label
• Tooltip message
• Confirmation message

Approval

Replace complete button with approve & reject button?

Click on the checkbox to configure the approval process:

• Multi approval: for Disabled, All Assignee Approved & Any required number of assignee approved.
• Approve button label.
• Reject button label.
• Tooltip message (Approve).
• Confirmation message (Approve).
• Tooltip message (Reject).
• Confirmation message (Reject).

Comments

Enable comments?

Click the checkbox to configure comments:

• Comments display mode
• Exclude comments from activities
• Show Activity Name?
• Status Column Width (Default: 50%)
• Number of Latest Comments Show by Default
• Disabled Adding New Comment?
• Comment Field Type
• Set Comment Field As Mandatory?
• Enable Attachment Field?

Process Status

Enable process status?

Click the checkbox to configure the process status:

• Show Process Name?
• Show Future Process Activities?
• Show Skipped Activities?
• Username Display Format

Data

Process data table

Click the checkbox to configure the workflow variable & form data update:

• Workflow variable to store status: Key in the workflow variable id that will store the process status. 
• Update draft status to workflow variable & form data: Click the checkbox to update draft status to workflow variable & form data.
• Parent form field id to store status: Key in the parent form field id to store status
• Custom process status value & label. Set the custom value and label for:
  • Approved
  • Rejected
  • Clarification
  • Reassignment
  • Withdrawal
  • Completed
  • Draft