PDF Creator
  • Introduction
    • 👋Welcome
    • Quickstart
    • Key use cases
    • Key features
  • Getting Started
    • Installing the plugin
    • Enabling ID attributes
  • Implementing Key Features
    • Generating PDFs of a single element
    • Generating a PDF of multiple elements
    • Downloading PDFs
    • Saving PDFs to your Bubble database
    • Adding footers
    • Adding headers
    • Customising your PDF
    • Sending PDFs via email
  • Making PDF files private
  • Tips
    • How the plugin scales elements to the PDF page
    • Adding a loading screen
    • Generating PDFs of repeating groups that span multiple pages
  • Troubeshooting
    • 'Can't find element' message when using square brackets
    • Unwanted white spaces when using nested repeating groups
    • Unwanted gap at bottom of table elements
    • Traditional Chinese characters formatting
    • White space at the top of pages
Powered by GitBook
On this page
  • Video Tutorial
  • Instructions
  • Demo app
  1. Implementing Key Features

Generating PDFs of a single element

PreviousEnabling ID attributesNextGenerating a PDF of multiple elements

Last updated 1 year ago

Video Tutorial

The below video tutorial demonstrates how to generate PDFs of a single element (relevant section is from 03:13):

Instructions

  • Drop the PDF Creator element on the page

You must also ensure the 'This element is visible on page load' box for the PDF Creator element is checked.

  • Add an ID attribute to the element you wish to PDF

  • Add a 'Generate PDF Creator' workflow action to a button (or some other trigger)

  • Add the ID Attribute of the element you are PDF'ing to the ID Attribute input field on the Generate PDF Creator action

  • Select a scale value (it is recommended you start off with 2)

When the button is clicked (or however the workflow is triggered), a PDF will now be generated.

Demo app

You can view an example of the workflow action required to generate a PDF of a single element in the demo app at the below link (relevant section is the 'Generating a PDF for one element' section)

LogoBubble - Visual ProgrammingBubble