Document Viewer

The Document Viewer widget allows you to display a variety of documents directly on your site. Documents may be added via file upload, live URL, or web platforms such as Dropbox, Google Drive or Google Mail.

  • Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
  • Current Version: 1.0
  • Supported Devices: Desktop, Tablet, Phone

Release Log

  • 1.0: Initial release


The following file types are supported in the viewer:

Adobe Portable Document Format (.PDF)
Microsoft Word (.DOC and .DOCX)
Microsoft Excel (.XLS and .XLSX)
Microsoft PowerPoint (.PPT and .PPTX)
Text files (.TXT)
Scalable Vector Graphics (.SVG)
Adobe Illustrator (.AI)
PostScript (.EPS, .PS)
Markup/Code (.CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS)
Tagged Image File Format (.TIFF)


  • Place the Document Viewer on your page where you would like to display your document.
  • Resize the viewer by adjusting the widget container size.


  • Unique ID: Unique IDs are required when multiple instances of the Document Viewer widget will be used on the same page.
  • Select Document: This file loader allows you to upload or select local files (on your computer) to display.
  • Remote File URL: This option allows you to display a file that is hosted elsewhere on the web. Note that in most cases, the last part of the URL should be the file extension type. For example:
  • Reload Attempt Delay: this parameter attempts to reload document if it fails to be loaded from remote location. Larger files may benefit from longer delay times

Upload / Select File setting overrides the Remote File URL. This means that when a local file is selected using the loader, the Remote File option will not work until the local file is removed.


  • PreLoader Color: This sets the color of the preloader that is seen as the viewer loads a document.
  • Border Width: This sets a border color and thickness around the viewer
  • Border Color: The color of the border
  • Border Opacity: The opacity of the border (1=full opacity, 0=transparent)


If files are hosted elsewhere, such as a Google Doc or Google Sheet, it can be handy to use the file URL in this case. Simply enter the direct link to the file.

As mentioned previously, the URL you use should usually end in the name of the file extension. This is generally the case when files are uploaded directly to servers. In some cases, such as Google document links or Dropbox links, the URL may not end in the file extension name.

Using Dropbox for hosted files: Dropbox is a great solution for hosting files. When linking to a Dropbox-hosted file, you should begin by creating a link in Dropbox. Ensure that the file is viewable by anyone on the web. Finally, when you paste the provided Dropbox link, it may end in "...dl=0". To view the file properly, change the "0" to "1".

Commonly Asked Questions

No commonly asked questions

Known Issues/Conflicts

No known issues or conflicts

Additional Info Links