This article shows how to change the captions of the "Approve" ,"Reject" or"Complete" buttons shown in task forms. 

Default Captions in Task Panel

When a form review is created using the [Task Panel] control, buttons labeled "Approve" and "Reject" are added to the form.

Picture1.png

Custom Approval Button and Captions

To change the button captions, use the other control of [Button] instead of [Task Panel] in task form(s)

Step #1: Drag and drop a [Text Area] as "ApprovalComments"

Normally, the control will be dropped on the top of "Workflow History".

You may customize the "Control Properties" as need but do turn off the "Readonly" in task form(s).

Picture2.png

Step #2: Add and set [Actions] for approval buttons

Generally, you need add 3 form actions including "Approve";"Reject" and "Clear".

mceclip0.png

Action steps for "Approve"

mceclip3.png

Action steps for "Reject"

If 'Approvalcomment' is required to submit your rejection, You must have a Confirm Dialog which is included execution condition (e.g. the variable value is equal to empty) and confirm question(e.g. Please enter comments).

mceclip2.png

Action steps for "Clear"

A Clear step helps to remove the existing comments and then the approver will have a blank field in 'Approvalcomments' in further approval action.

mceclip7.png

Step #3: Add [Button] and customize your own buttons

As exampled, buttons labeled "Confirm" and "Decline".

You need select the execute action from configuration as above mentioned.

mceclip8.png

 

Step #4: Set [Page Properties] to execute actions

You have to set the 'Page Rule' only for the form(s) which is applicable. Please don't set this for the form which doesn't need these actions.

  • On Load:  Clear action is a must for approval form and it executes after form loaded.
  • On Submit/Approval/Complete: Select the action on their own form desinger. 
  • On Reject: Select the action if this form task is defined to 'Approval' type. Or leave it in blank as 'Complete' type.

Clear is a must and it will clear existing comments when reopen the form.

mceclip3.png

Step #5: Make a nice layout and display

You can build a nice layout and display to complete it. 

It suggests to assemble "ApprovalComments" and both buttons in one grid. 

mceclip11.png

 

Then a Dynamic Display Rules is a must to set for the grid. 

mceclip12.png

Now, You make it done and deploy it

If some more task forms need these customized buttons, you can copy this task form as a new one. 

The result of this demo form as shown with customized buttons :"Confirm" and "Decline", the approval comments will be noted under "Workflow history".

mceclip13.png

 

 

Was this article helpful?
2 out of 2 found this helpful

Comments

0 comments

Please sign in to leave a comment.