All Plugins
PDF Viewer
Free
An open-source standards-friendly JavaScript utility for embedding PDF files into HTML documents.
About
If you're working with dynamic HTML, such as a single-page web app, you may need to insert PDFs on-the-fly. However, PDF embedding is not supported by certain browsers. The PDF Viewer utility helps you avoid these situations by detecting support for PDF embedding in the browser; if embedding is supported, the PDF is embedded. [b]If embedding is NOT supported by the browser, the PDF will NOT be embedded.[/b]
Setup Instructions
This are step-by-step instructions on how to get the plugin working on any Bubble App.
[ml][ol][li indent=0 align=left]Add this plugin to your application.[/li][li indent=0 align=left]Add Element [i]PDF Viewer[/i] into your Bubble Editor.[/li][li indent=0 align=left]Write the Element ID where the PDF will be embedded (if you want thw whole page leave blank)[/li][li indent=0 align=left]For the Element ID option go to Settings, then go to General -> General Appearance and check the option Expose the option to add an ID attribute to HTML elements.[/li][li indent=0 align=left]Then go back to the Design tab and select any element. Scroll to the bottom of the Property Editor and define an ID (for example pdf_viewer).[/li][li indent=0 align=left]Set a file for the [i]PDF Viewer [/i](use dynamic link for dynamic content or upload a static file).[/li][li indent=0 align=left]If you want the [i]PDF Viewer[/i] to fire upon action, add an Event such as 'A Button Click' and search for [i]PDF VIewer[/i] in the Actions.[/li][/ol][/ml]
Full Documentation
[b]PDF Viewer [/b]is the only Action given in this plugin. You need to call the action in the Workflow to convert a group (or the full page) into a PDF Viewer.
This Action contains the following properties to be used: [ml][ul][li indent=0 align=left][b]Element ID:[/b] Element ID: the defined ID of a Bubble element. Leave blank for full page[/li][/ul][/ml][quote][color=rgb(136, 136, 136)]The ID global attribute defines an identifier (ID) which must be unique in the whole document as defined by [/color][color=rgb(102, 163, 224)][url=https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id]Mozilla[/url][/color][/quote]
[ml][ul][li indent=0 align=left][b]File:[/b] Set which PDF will be embedded. Use static file if you wish to manually upload the PDF. If not, use Dynamic Link to setdynamic content (for example a Current User's PDF)[/li][li indent=0 align=left][b]New Tab:[/b] If set to true, the PDF will open in new tab. [i]Default is false[/i].[/li][/ul][/ml] [b]PDF Viewer [/b]is the only Element given in this plugin. You need to add the Element to your Editor and set the Element ID and the File to be embedded in the [i]PDF Viewer[/i].
This Element contains the following properties to be used: [ml][ul][li indent=0 align=left][b]Element ID:[/b] Element ID: the defined ID of a Bubble element. Leave blank for full page[/li][/ul][/ml][quote][color=rgb(136, 136, 136)]The ID global attribute defines an identifier (ID) which must be unique in the whole document as defined by [/color][color=rgb(102, 163, 224)][url=https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id]Mozilla[/url][/color][/quote]
[ml][ul][li indent=0 align=left][b]File:[/b] Set which PDF will be embedded. Use static file if you wish to manually upload the PDF. If not, use Dynamic Link to setdynamic content (for example a Current User's PDF)[/li][/ul][/ml]