Document Loading Issues in Version 23.1 or Newer

16 Oct 20251 minute to read

If the document does not render in the viewer when using version 23.1 or newer, follow these steps:

  1. Call pdfviewer.dataBind() before load(). Starting with v23.1, an explicit dataBind call is required to initialize data binding and render correctly.
var viewer = new ej.pdfviewer.PdfViewer ({
serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'});

ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.BookmarkView, ej.pdfviewer.ThumbnailView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.LinkAnnotation, ej.pdfviewer.Annotation,  ej.pdfviewer.FormFields, ej.pdfviewer.FormDesigner);

viewer.appendTo('#pdfViewer');
viewer.dataBind();
viewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
  1. Verify the document source. Ensure the URL or path is valid and accessible.
  2. Check network connectivity. The viewer cannot fetch the document without a stable connection.
  3. Inspect console errors. Use browser developer tools to identify issues.
  4. Validate the initialization order. Initialize the viewer, call dataBind(), then call load().
  5. Update to the latest viewer version. Issues may be resolved in newer releases.
  6. Configure CORS correctly for cross-domain documents.
  7. Review Content Security Policy (CSP) settings. Ensure external resources are permitted. See the Content Security Policy troubleshooting guide in the Syncfusion documentation for details.

Following this checklist typically resolves document loading issues in v23.1 or newer.