To use the Embedded Viewer in a customer portal page, add the following HTML snippet to the appropriate page. The viewer can be embedded in multiple pages.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div align="center" id="viewer"></div>
<!-- The iFrame and Vault Viewer replaces the above <div> tag. The id of the <div> matches the first parameter of the viewer constructor. -->
<script>
  var tag = document.createElement('script');
  tag.src = "https://js.veevavault.com/vault.js";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  // This function creates an <iframe> (and vault viewer) after the API code downloads.
  var viewer;
  function onVeevaVaultIframeAPIReady() {
    viewer = new VV.Viewer('viewer', {
      height: '630',
      width: '712',
      error: 'Sorry. The document you are trying to view is not available.'
    });
  }
</script>

The above snippet creates an iFrame whose size can be defined in pixels using the height and width parameters. An optional error message can be defined inline using the error parameter. This displays when the target is no longer in an approved or steady state in Vault.

When the link to a page with the Embedded Viewer is added to a template or fragment, the URL is stored in the Document_Host__v field on the corresponding Approved_Document__v record.

The Vault Viewer enables end users to access all documents referenced by the Approved Documents (Email Template and Email Fragments) in Vault without returning to the email to select each one individually.

When the recipient selects one of the documents included in an email, the Multi-Doc View in Vault displays the document along with a thumbnail of each of the documents included in the email. The recipient can then select and view each of the documents from within the Vault Viewer.

Thumbnails only display for valid, non-expired documents. If a document expires after the email is sent, but before the recipient accesses it, a thumbnail does not display for that document.