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
      • Page counters
      • Logos
    • 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 a PDF of multiple elements

PreviousGenerating PDFs of a single elementNextDownloading PDFs

Last updated 8 months ago

Video Tutorial

The below video tutorial demonstrates how to generate PDFs of multiple elements (relevant section is from 07:31):

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 each of the elements you wish to PDF

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

  • Add the ID Attribute of the elements you are PDF'ing to the ID Attribute(s) input field on the Generate PDF Creator action

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

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 multiple elements' section):

Bubble - Visual ProgrammingBubble
Logo