Tutorials

Getting Started with WebViewer.js

Introduces you to WebViewer.js and gets you started loading WebViewer.js on a simple page.

Getting Started with XOD files

Introduces you to the XOD format and how to get your documents converted to XOD.

Using the streaming option

Explains what the streaming option is and how it should be used (or not used).

Getting Started with Saving/Loading Annotations

Introduces you to the basics of saving and loading annotations on your web server.

HTML5 WebViewer Customizations with Config files

Introduces you to the use of "config files" to perform more specific customizations.

Understanding WebViewer HTML Structure

Explains the relationship between the HTML page you load WebViewer on and the iframe it creates.

Creating stamp annotations

Explains how to programatically create a stamp annotation.

Customizing tools

Explains how to override functions on the built in tools.

Creating custom annotations

Explains how to create a custom annotation and corresponding tool.

Advanced Annotation Loading

Explains how to use the setInternalAnnotationsTransform function for more advanced use cases.

Realtime Collaboration

Walks through how to setup the realtime syncing of annotations using WebViewer. Firebase is used as an example backend.

Optimizing WebViewer Assets

Explains how to use gulp to minify and concatenate Webviewer resources for faster load times.

Setting up WebViewer for CORS with xdomain

Takes you through the steps of setting up CORS with WebViewer through the xdomain library.

This is useful if you need to support IE9 and the documents that are being viewed are stored on another domain which you control.