• • Enhancements to consent-related interactions and presentations in approval workflow scenarios (e.g. consent pop-ups, consent before and after logic, parallel/serial copy, etc.). * *

Typical scenarios include:

• Customize the title content of the consent pop-up
• Custom parallel/serial copy
• Controls the display/concealment of the post-add-signature function
• Force pop-up or skip edit content form
• Skip approval comments pop-up for direct completion of tasks
• Custom approval input box title
• Custom processing approval switch related copy and invisible

Applicable scenarios

Applicable to the scenario of "relevant interactions, copy, and the need for customization of the consent process in the Approval Detail page".

# Applicable Pages

• Approval Detail page - Popup triggered by consent action
• To-Do approval process - Pop-ups triggered by consent actions

# When should I do a consent enhancement?

If you encounter any of these needs, it's usually a good idea to prioritize consent enhancements:

• Want to customize the title of the consent pop-up, parallel/serial stamped copy
• Want to control the display or concealment of the post-add-signature function
• Want to perform additional business logic before and after agreeing to render
• Want to force popup or skip edit content form/page
• Skip approval comments pop-up if you want to complete the task directly
• Want to customize the copy associated with the approval input box
• Want to control the display/hide or default state of the processing approval switch

# Development Ideas

Consent enhancements can often be broken down into three steps:

1. Identify which link in the consent process to enhance
2. Select the appropriate Extended Event/Hook
3. Access the extension point in the plugin and verify the behavior

DEVELOPMENT WORKFLOW

1. Identify scenarios and access points

Before you begin, confirm the following questions:

• Logic needs to be executed before or after consent UI drawing (web for approval.agree.render.before/approval.agree.render.after; mobile for each hook)
• Whether it involves the ability to pop-up the title of the window, add a copywriter, add a postscript to hide it, approve the switch, etc.

2. Create approval details plugin

Create a * * Approval Details * * type plugin in the background (Web/Mobile according to the actual terminal selection), and align it with the Web Approval Details Plugin Description ] or Mobile Approval Details Plugin Description ] documents.

3. Select events or hooks and write logic

• • Web side * *: Register the event in the plugin apply, and use the api method provided by the document within the callback (such as obtaining process data, custom pop-up title, signed copy, post-add-signed hidden, approval switch control, etc.).
• • Mobile * *: Register a Hook that matches the scene, and process isSupportAfterTag, forceShowEditForm and other parameters in functional.

4. Joint Coordination and Validation

• Override different consent paths such as "Agree and send", "Sign after consent" and "Complete task directly"
• Check copy customization, style customization and return values against the reference manual

5. Launch and go-live

After the development is completed, the plug-in is released, enabled in the corresponding approval detail scenario, and returns to the consent path on the real process task.

# Recommended entrance

Frequently asked questions

Q: What is the difference between render.before and render.after?

render.before is executed before rendering, suitable for data preparation, condition judgment, forced pop-up window and other behaviors. render.after is executed after rendering, which is suitable for copy customization, style adjustment, element invisibility and other behaviors.

Q: How do you know if a task can be completed directly?

Judge using the canDirectCompleteTask() method:

• Tasks cannot be completed directly if there are required approvals or approval comments
• If there are no approvals and approval comments are not required, the task can be completed directly

Next

• Pushback Enhancement: Pushback Enhancement
• Distinguish between components and plug-ins: View the Components Guide vs. Plug-ins Guide