How to Embed a PDF in a Microapp

Tiled allows you to embed publicly shared PDF documents from a shared cloud drive (for example, Google Drive), so that viewers can scroll the pages of the PDF during a microapp viewing session. 

How do I embed a PDF from Google Drive in Tiled?

How do you get an embedded link from Google Drive?

To get an embedded link from Google Drive, follow these steps:

1. Open the PDF in Google Drive.
2. Select Open in New Window from the More Actions dropdown list. The PDF opens in a new browser tab.
3. In the new tab, select Embed item from the More Actions dropdown list.

Open in a New Window from the More Actions dropdown list. The PDF is opened in a new tab in your web browser. 

From the new tab, select Embed item from the More Actions dropdown list. 

The Embed item window opens.

Copy only the link information in the HTML code. In the above screenshot, the link information is the following:

https://drive.google.com/file/d/0B8SG8EVnM7sDV25GZDZKa3hfa2M/preview

How do you create an Embed Tile to display the PDF?

To embed the PDF, add an Embed Tile to your microapp page:

1. Navigate to the desired page in the Microapp Builder.
2. Drag the Embed Tile from the Tile panel to the desired location on the page, then resize it to the dimensions you need.
3. Select the Embed Tile on the page to open its settings panel.
4. In the Embed Link field, paste the embed link you copied from Google Drive. The PDF is now displayed in the Embed Tile.

Embed Tile from the Tile panel to the desired location on the page, where you can resize it to your specifications or needs.

In the Embed Link field, paste the Embed item link for the PDF. The PDF should now be displayed in the Embed Tile.

How do you delete an Embed Tile?

To delete an Embed Tile, ensure that the tile is selected and press the DELETE key.