1. Download the plugin and import into your Joget platform (See Figure 1).
   
   
2. Return to All Apps and click on Design New App. Provide the app details and click on the Save button.
   
   
3. Click on Create new form and add two fields:
   1. A hidden field with id = 'status'
   2. A textfield field with id = 'request'
      
      
4. Save your form.
   
   
5. Click on the green button called App Generator then click on 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 Launch.
   
   
8. Your app is now ready for you.
   
   
9. In the app, click on Submit Request Form menu. Fill in the "Request Note" and click on the Submit button (See Figure 3).
   
   
10. In the app, click on Approval menu. You will immediately see something new; the datalist has "Approve, Reject, Clarify, Reassign" buttons below the list. These buttons was 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 generated by the new Process Form modifier plugin (See Figure 5).
    
    
13. Go ahead to click 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 completed: Use this type to display completed tasks. My completed belongs to the user who started the process.
• My in progress: Use this type to display submitted tasks. Joget will add the 'Reassign' and 'Withdraw' buttons in the datalist.
• My participated: Use this type to display completed tasks. My participate allows other users to view and input comments in the task form.
• My withdrawn: Use this type to display withdrawn tasks.My withdrawn belongs to the user who started and then withdrawn the process.
• Process activity: Use this type to display tasks pending approval or clarification. Joget will add the 'Approve', 'Reject', 'Clarify' and 'Reassign' buttons in the datalist.

Enable reassignment?

Reassignment activity *

Enable withdraw process?

Execute tool after process withdrawal

Withdraw button label

• 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 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

Caching options are:

• None: no caching.
• Application: Cache content by application where all users will see the same content.
• User: Cache by username