WebViewer 8.2 takes annotation authoring and collaboration to a whole new level. I'm excited to walk you through the latest additions and improvements. On top of a new Replace Pages functionality, we've added many requested enhancements to WebViewer's robust annotation -- to give users more control over their annotations, with rich text editing, and to all-round improve their collaboration experience.

New annotation features with 8.2 include:

  • Ability to select fonts in your free text annotations
  • Ability to align annotation text to top, bottom or middle
  • Ability to justify text left, right, middle, center
  • Additions to the notes panel -- comment count, and new icons for filter
  • Improved highlight behaviour where highlighted text is preserved

Features are available for you to try today through npm or our download center. You can also check out our changelog for the expanded list or our web demo showcase to experience many of WebViewer’s hundreds of unique features live.

Select Annotation Fonts, Justify or Align

From the thumbnail panel, you're now able to use the context menu to insert a blank page and let the creativity flow with all-new rich text editing for annotations.

inserting a new page

With free text annotation, you’re able to select fonts, justification, alignment, and a variety of colors to make the content look exactly as you wish.

inserting a free text annotation

Note Panel Improvements

Also in this release, we made several improvements to the Notes panel to make the experience more intuitive, reviews faster, and collaboration, more enjoyable. We added a comment count, and we’ve swapped button text to icons on the buttons to make more room for languages such as Russian or German. Additionally, replies are now easier to follow with a line through:

new icons in note panel

Another 8.2 notes panel improvement are changes to how the highlight, strikeout, underline and squiggly tools work.

Let’s imagine we are reviewing a contract and there is a clause we would like to provide a comment on or push back. In the previous version, highlighted contents would get overridden by our comments when we comment on a highlight. As a result, some context would be lost. But now, we preserve highlighted content and allow you to add comments in addition to the highlight.

highlight behaviour

Replace Pages

Our previous WebViewer release focused on the page manipulation experience with the introduction of the context menu. In it, we teased a page replacement feature that would allow you to replace a specific page or selected set of pages with any document. Let’s recap how this new feature works!

Step 1. Select pages for replacement

You can try the new multi-select mode by either marking the checkboxes, holding down shift to select the page range, or holding down ctrl or cmd to select a few pages.

Opened contextual menu for page replacement

Step 2. Select document

You can provide a URL, or upload a document from your computer, and since we are the SDK that gets embedded into other applications, we allow you to further integrate with your use case.

Want the user to only select the documents associated with a specific case, folder or project? Simply pass an object that contains the name of the file and the URL to get to it. Then we will list it out for the user to select.

Webviewer(...).then(instance => {
  const list = [
    {id: '12', filename: 'file-one.pdf', url:  '/file1.pdf' },
    {id: '13', filename: 'file-two.pdf', url:  '/file2.pdf' },
    {id: '14', filename: 'foobar.pdf', url:  '/file3.pdf' }
  ];
  const options = list.map(item => {
    item.onSelect = () => instance.Core.createDocument(item.url);
    return item;
  });
  instance.UI.setPageReplacementModalFileList(options);
});

Opened replace page menu for page replacement

Step 3. Select the pages for replacement

After, we visualize all the page thumbnails for users to just select the pages for replacement. And that’s it!

Selecting pages to replace

Wrap Up

That’s it for this release! You can find the full changelog on our website. And if you have any questions, feel free to email me directly.

Stay tuned for 8.3 release, where we will focus on the search and redact workflow!