Skip to main content

Document Viewer

Document viewer widget is used to show documents on a page. The widget currently supports the following extensions-

  1. .txt
  2. .pdf
  3. .ppt (not supported by base64)
  4. .pptx
  5. .docx
  6. .xlsx
How to use Document Viewer Widget

Documents can be populated from a data source like API or Query in which the incoming data points to the URL of the file.


Properties allow you to edit the widget, connect it with other widgets and customize the user actions.

Widget properties

These properties allow you to edit the Document Viewer widget. All of these properties are present in the property pane of the widget. The following table lists all the widget properties.

Document LinkSource URL of the document, which must be one of the supported file types (see top of page). The file extension must be present as part of the URL.
VisibleControl widget's visibility on the page. When turned off: The widget isn't visible when the app is published. It appears translucent when in Edit mode.
Animate LoadingWhen turned off, the widget loads without any skeletal animation. You can use a toggle switch to turn it on/off. You can also turn it off/on using JavaScript by enabling the JS label next to it.

Generating PDF Documents

Generating reports or documents from a dataset is vital in many applications. The video below shows how to generate a PDF report on Appsmith.

Generating PDF Documents

You can also generate a PDF document using

Generating PDF Documents