Unable to customize loaderror event message

Technical Support WebViewer
, ,
1

WebViewer Version: 11.8.0

Do you have an issue with a specific file(s)? No
Can you reproduce using one of our samples or online demos? No
Are you using the WebViewer server? No
Does the issue only happen on certain browsers? No
Is your issue related to a front-end framework? Yes
Is your issue related to annotations? No

Please give a brief summary of your issue:
(Think of this as an email subject)
I am unable to customise the Error message when there is a loaderror.
How the customise the error message? Without going for showWarningMessage

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

17617207648762865374869844636927
176172076487628653748698446369271920×1081 160 KB

Please provide a link to a minimal sample where the issue is reproducible:

3

Hello, I’m AiRon, an automated tech support bot :robot:
While you wait for one of our customer support representatives, I can help you with your question.



Customizing the error message for a loaderror event in WebViewer can be achieved by intercepting the event and applying your custom logic. It seems you’re looking for a way to do this without using showWarningMessage.

Some things you can try:

  • Listen for the loaderror event by using the instance of WebViewer. You can set up a custom event handler that executes your own function.

  • Inside the event handler, implement your logic to display a custom message or handle the error as desired. You might consider using a custom modal or a UI element to show the message.

  • Ensure that your front-end framework’s state management or component lifecycle methods are used to reflect the changes in the UI.




Here are some resources that might help you:

  • Customizing the UI - This guide provides an overview of how to customize various UI elements within WebViewer.

  • Handling Events in WebViewer - Learn how to handle different events, including error events, in WebViewer.

  • UI Components - Understand how to manipulate UI components to display custom messages.

  • WebViewer Setup - Ensure that your WebViewer is properly set up, which can help in troubleshooting issues related to event handling.




Hopefully, this helps you solve your problem while you wait for a human to get back to you.

4

Hello Adiyta,

Thank you for contacting Apryse Forums.

Can you try adding a setTimeout like below?

 const UIEvents = instance.UI.Events;
      instance.UI.addEventListener(UIEvents.LOAD_ERROR, function (err) {
        setTimeout(() => {
          instance.UI.displayErrorMessage(
            'The document could not be loaded. Please try again later.'
          );
        }, 0);
      });

Best Regards,
Darian