PDFs work great for iOS (Apple) phones and tablets.
Android does not include a default PDF viewer, so PDF files cannot be viewed inside the app on those devices. In order to insure that PDF’s can load on all Android devices, we recommend that the link be opened externally (viewing the PDF outside of your App).
Follow these steps to create and style a PDF link property in your app.
1. Start by adding a Website Property to any item:
Locate the Website icon from the Draggable panel. Drag and drop this property onto the item.
2. Edit the Website Property:
Add a Label
Add the PDF url
This will be the url for where your PDF file is hosted. This may be your website or another public web link.
Select "open externally":
This sets the URL to open outside of your app, allowing the PDF to be viewed on Android devices.
Edit the Icon Value and Label:
Double-click the Property Icon. This will allow you to change the Icon and Header Label for the Website Property.
You can update the Icon Value using any icon available in our Icon Library: https://cms.gobluebridge.com/icon-reference/index.html
Things to remember:
- You can use any icons from the Icon Library, but we recommend trying these icons for PDF files: document-1, file-1
- Be sure that your PDF is hosted online so you can retrieve the url.
- So PDF's can open on Android devices, click the "Open externally" checkbox.