DigitalEye Plugins
  • Home
  • How to add a custom class or an ID to a Bubble element
  • LINKS
    • Contributor page
    • Contact us
  • PLUGINS
    • Advanced Dynamic Tables 🚀
    • Advanced Editable Tables ✏️
    • Export Page to PDF 🔥
    • Advanced Algolia Search 🕵️
    • Rich Text Editor like Medium 📝
    • Scrollspy 👁
    • Move, Rotate & Resize element 🔄
    • Inverted RepeatingGroup (for Chat app)
    • Live Chats (LiveChat.com, Intercom ...) 💬
    • Advanced Screenshot Element 🖼
    • Screenshot Element 🖼
    • Cookies 🍪
    • Device by Screen Size 📱 🖥 📺
    • Browser Language and Locale 📍
    • Advanced <iframe> element 🖥
    • Conditional Redirect 🔀
    • Users Online 🙋‍♂️
    • Page Close Event 🚪
  • TEMPLATES
    • Eatics: Food Delivery Platform like Uber Eats 🍔
    • Coursus: Advanced Online Courses (Udemy-like) 🎓
    • Sline: Premium Admin & Dashboard 📈
    • BubbleBook: a GitBook clone
    • BubbleBook Landing
Powered by GitBook
On this page
  • 🔗 Links
  • 🔥 Features
  • 📚 Documentation
  • ➡️ PDF generation. Plugin fields
  • ➡️ Page fit options
  • ➡️ How to upload PDF and generate a URL

Was this helpful?

  1. PLUGINS

Export Page to PDF 🔥

Export Bubble page, single element or a list of elements to a high-quality PDF file 📄

PreviousAdvanced Editable Tables ✏️NextAdvanced Algolia Search 🕵️

Last updated 3 years ago

Was this helpful?

🔗 Links

|

🔥 Features

Very easy to use plugin with advanced settings:

  • Export one page element, a list of elements or the whole page to a PDF file

  • Export to a multipage or a single-page PDF

  • Flexible page layout settings: Predefined (A0-A10, letter, etc) and custom page formats; Page orientation; Margins

  • Plugin generates lightweight and excellent quality PDF files ready to print or to keep as a digital file

  • Fine control over PDF compression quality

  • Use any valid CSS selector to select elements to export

  • Download generated PDF file

  • Upload generated PDF file to Bubble (generate a URL)

📚 Documentation

➡️ PDF generation. Plugin fields

Pre-requirement: Install and configure Classify plugin

1.Install the plugin and add the "PDF Converter" element on your page

2.Set an ID for the element you want to export. To export the whole page, use this special selector: .main-page.

3.From your Workflow, Call the "Convert" action:

Option

Type

Description

General

Element(s) to capture

String

One or more comma-separated selectors. Each element will be exported to a separate page in the PDF document.

You can use any valid CSS selector (#eltID, .eltClassname, img etc). Use this special selector to export the entire Bubble page: .main-page

Save to file

Yes/No

Whether the generated file will be saved into a file and downloaded automatically

Generate URL

Yes/No

If "yes", the PDF file will be uploaded to Bubble filestorage

Filename

String

Output filename. Do not add ".pdf" at the end

Compress quality

Integer

Compress quality is a number in range [0..100]. It defines the output file size and quality

Page Layout

Page format

Dropdown

Predefined commonly used page formats

Orientation

Dropdown

Page orientation (Portrait, Landscape)

Page fit mode

Dropdown

No page breaks mode

Yes/No

Applies to "full-width" mode only

Margins (left, right, top, bottom)

Float

Page margins

Margin unit

Dropdown

Inches, Centimetres, Pixels, Points etc

Custom Page Size

Custom page size

Yes/No

Set to "yes" if you want to define custom page format

Page size(,)

String

Custom page size. Format: width,height. "Custom page size" field must be set to "yes".

Unit

Dropdown

Units for the custom page size: Inches, Centimetres, Pixels, Points etc

Other

Autoprint

Yes/No

Automatically show the print dialog when file opened

Draw margin borders

Yes/No

Draw red borders to indicate the margins. For debug purposes

Use Proxy

Yes/No

Setting this field to Yes is particularly useful when your page contains images from external resources. Hint: set this field to Yes when the output PDF misses some images.

Archive

Create archive

Yes/No

Helps to decrease the output filesize. Useful to do before generating a URL

Archive filename

String

Filename without ".zip". Example: "output"

Related events:

  • PDF Generated

Related states:

  • PDF Generating (Yes/No)

  • PDF Generation Percentage (Number)

➡️ Page fit options

If you are unsure about which option you have to choose, start from full-width or ontain.

➡️ How to upload PDF and generate a URL

1.Set the "Generate URL" field to "Yes"

2. Once the "URL generated" event triggers:

3. Access the "URL" shared state:

Now you can save the generated URL to database etc

Sometimes it's useful to archive the PDF before generating an URL to highly reduce the filesize. Set the "Create archive" to "YES" and optionally the "Archive filename" fields.

Related events:

  • URL Generated

Related states:

  • URL Generating (Yes/No)

  • URL (String)

How the captured element will be rendered into the PDF page. Possible values are: fill, contain, scale-down, cover, none. Check the

Page fit defines how the captured element will be rendered on the PDF page. Plugin supports 6 options: full-width, fill, contain, scale-down, cover, none. It works in the same way as the (check the CSS Demo section for a better undertanding).

Demo
Editor
Plugin page
Forum
How to add a custom class or an ID to a Bubble element
object-fit CSS attribute
detailed description below