web-signing.md

Web SDK Examples: Signing

These are interactive Nutrient Playground examples. Click any link to try the code in your browser.

For local runnable examples, see web/signing/README.md.

---

Signing

• Disable signature annotation editing

  • Customize the editability of annotations by preventing users from modifying signature annotations. — Video

• Automate signature placement in form fields and restrict signature placement to other fields

  • Detect signature annotations and allow users to apply them to designated signature fields. — Video

• Prevent overlapping signature widgets

  • Intercepts widget creation and checks the new widget’s bounding box against existing signature widgets. If an overlap is detected, it shows an alert and cancels creation; otherwise, it records the widget and continues.

• Display a “Sign Here" widget that guides users to the next signature field

  • Manage a signing widget in a PDF document, guiding users to the next available signature field and hiding the widget once all required signatures are completed. — Video

• Customize the size of signature annotations

  • Listen for the creation of signature annotations and resize and reposition them based on specific scaling factors. — Video

• Get the last signed signature field

  • Listen for the creation of signature annotations and track which form field was last clicked before they were created. — Video

• Implement a multi-signer PDF signing app in Next.js

  • Implement a signing app that allows multiple signers to sign PDFs using electronic signatures and customize signing fields, and that supports digital signatures for verifying document integrity. — Video

• Implement multi-party signing in Vanilla JS

  • Implement a signing app that allows different users to sign specific fields in a PDF. — Video

• Navigate signature fields smoothly

  • Create a document signing workflow that highlights form elements with an arrow overlay to guide users through the signing process. — Video

• Automatically add timestamp after eSignature

• Restrict signature widget to page bounds

  • On widget creation, this should compare the widget’s bounding box to the full page rectangle and block placement if any part falls outside the page. It shows an alert and cancels creation when invalid.