Document Viewer

Note: If you only want to render images, we recommend using the Image control.

Use the Document Viewer control to render a document and display it inline in your app. For example, to display an invoice document or a receipt which may be located in various sources, such as storage buckets, entities, or public links.

General

• Source - The source of the document you want to display. The supported file types are PDF documents and images (JPEG, PNG, BMP, GIF, and WEBP).
• Hidden- If true, hides the control at runtime.
• Disabled - If true, disables the control at runtime.

Events

No events.

Style

• Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default back to the parent alignment, deselect the overridden options.

  Note: The alignment is dependent on the layout selected for the parent (Vertical vs Horizontal).

• Border - The border for the control. Border Thickness, Color, and Radius can be configured.

• Margin- The margin of the control. By default, a margin of 4px is set. Top/Bottom and Left/Right margin properties are combined. These properties can be detached using the Link button at the right side of the Margin section.

• Size - The width and height of the control. By default, the size is set to auto, which means 320x410px. To set minimum or maximum values, click the three dot icon (...).