Unable to save signatures

Technical Support
1

Which product are you using?
PDF.js Express Plus

PDF.js Express Version
8.4.0

Detailed description of issue
When i click on signatures, i’d expect a checkbox to give the ability to save a signature but there is not.

Expected behaviour
A checkbox to check that would fire an event

Does your issue happen with every document, or just one?
every document

3

Hello, I’m Ron, an automated tech support bot :robot:

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:APIs:Forums:

4

Hi There,

Thanks for your question and sorry about the delay. Could you please explain to me better the use case?

When you say “When I click on signatures” do you mean this list in the green square below? Or the Add new signature?

Screen Shot 2022-04-26 at 8.48.31 PM
Screen Shot 2022-04-26 at 8.48.31 PM922×767 55.6 KB

Please provide more details about your goal and I’ll be happy to help you.

Thank you,

Dandara

5

No worries Dandara. Thanks for getting back. I guess what i’d like is to give user the option to save or not save signatures.

image

As you can see, the checkbox doesn’t show on that form like in some of the demos.

6

if it helps anyone, it’s pretty straight forward to save the signature using events. The below is using LocalStorage which i plan to switch to IndexedDB. No big deal but it would be nice to have checkbox on the signature modal to uncheck in case they don’t want to save the sig.

  addSignatureEventListeners(docViewer){

    const signatureTool = docViewer.getTool('AnnotationCreateSignature');

    docViewer.addEventListener('documentLoaded', () => {
      const sigs = JSON.parse(localStorage.getItem(SIGNATURE_KEY))
      signatureTool.importSignatures(sigs);
    });

    signatureTool.addEventListener('signatureSaved', async () => {
      signatureTool.exportSignatures().then(sigs => {
        let filtered = sigs.filter(s => s != null)
        localStorage.setItem(SIGNATURE_KEY, JSON.stringify(filtered))
      })
    });

    signatureTool.addEventListener('signatureDeleted', async () => {
      signatureTool.exportSignatures().then(sigs => {
        const filtered = sigs.filter(s => s != null)
        localStorage.setItem(SIGNATURE_KEY, JSON.stringify(filtered))
      })
    });
  }
7

Hey there,

Thank you for your feedback - I will forward this to our UI/UX team!

Logan