Add default function of signatureModal in custom modal

Technical Support
,
1

Product:@pdftron/webviewer (react)

Product Version:10.4.0

Please give a brief summary of your issue:
i want to add default signature modal functions in my custom signature modal
or can we add custom tab in signature modal

Please describe your issue and provide steps to reproduce it:

 const customElementName = "customSignatureModal";
        const modal = {
          dataElement: customElementName,
          render: () => {
            // besides passing a "render" method, you can use header, body, footer elements
            // see API doc for more information
            const customUI = document.createElement("div");
            customUI.style.width = "400px";
            customUI.style.height = "400px";

            const closeButton = document.createElement("button");
            closeButton.textContent = "Close";
            closeButton.onclick = () => {
              instance.UI.closeElements([customElementName]);
            };
            customUI.appendChild(closeButton);

            // return a DOM element that you want to display
            return customUI;
          },
        };

        instance.UI.addCustomModal(modal);

        // replace the default "signatureModal" with custom one
        instance.UI.addEventListener("visibilityChanged", (e) => {
          if (e.detail.element === "signatureModal" && e.detail.isVisible) {
            instance.UI.closeElements(["signatureModal"]);
            instance.UI.openElements([customElementName]);
          }
        });```
1 Like
2

Hello huzeifajahangir,

Thank you for raising this!
Can you provide what kind of “default function” you are trying to add?

Best regards,
Tyler

1 Like
3

Hello Tgordon,

this is default signature modal i want to add new tab in it if its not possible so add that draw , type and Upload tabs and their function can be add in custom modal

Screenshot 2024-03-04 104738
Screenshot 2024-03-04 1047381455Ă—662 23.6 KB

1 Like
5

Hello huzeifajahangir,

We actually have a feature request for adding tabs to the signature modal already created.

If you wanted to create a custom modal, you can follow this guide: Custom-modals | Apryse Documentation

Best regards,
Tyler

1 Like
6

how can i add tabs in default signature modal can you provide me a code of that feature

1 Like