Seamlessly view and interact with PDFs within your app, with options for immersive full-screen display.

The PDF Document Viewer allows users to view and navigate PDF documents directly within the app, making it convenient to share detailed information with guests, external collaborators, vendors, and manufacturers. The PDF Document Viewer in a Full Screen Modal extends this functionality by enabling users to open PDFs in a full-screen mode for a more immersive and detailed viewing experience.

Installing the PDF Document Viewer and PDF Full Screen Modal

1. Navigate to the Desired Project
   From the Builder Overview, locate and select the project where you want to install the PDF viewer and full-screen modal.

2. Access the Individual App Canvas
   Within the selected project, hover over the desired app and click Access App Flow to open the app where you want to add the elements.

3. Open Add Elements
   Click the “+” button on the left side of the app canvas to open the Add Elements panel.

4. Search for the PDF Viewer and Modal
   Use the search bar to find PDF Document Viewer or PDF Document Viewer in a Full Screen Modal.

5. Drag and Drop to Install
   Drag each element onto the app canvas screen as needed.

Configuring the PDF Document Viewer and Full Screen Modal

Table Settings

• Data Document Name:
  Use this field to connect the viewer or modal to a specific Data Document. This establishes the source from which the viewer will pull and display the PDF data.

Optional Features

• Header Buttons: Add header buttons for quick actions related to the PDF, such as downloading or sharing.
• Hover Buttons: Configure hover buttons for intuitive interactions like zooming or navigation.
• Banners: Use banners to provide context or additional details about the PDF document.

Note: These optional features are not mandatory and can be added based on how you want users to interact with the viewer or modal.

The PDF Document Viewer and PDF Full Screen Modal offer flexible, integrated solutions for viewing and interacting with PDF files directly within your app. By configuring these elements to suit your needs and incorporating optional features as needed, you can provide a seamless and intuitive user experience for viewing and managing PDF documents.