The ultimate guide to creating PDFs in Bubble.io (tutorial)

Be the first to hear about our latest tutorials, plugin releases, updates and more: https://www.cranfordtech.com/newsletter

In this video, I’lll show you everything you need to know about generating PDFs in your Bubble.io app to. You’ll learn how to:

- Create simple 1-page PDFs
- Create more complex PDFs that span multiple pages and include repeating groups
- Create custom reports with headers and footers
- Save PDFs to your Bubble database and allow users to access them
- Customise your PDFs (filename, quality/size, margins, orientation)
- Add loading screens when creating PDFs and other UX tips

Links
🖌️ PDF Creator plugin
https://bubble.io/plugin/pdf-creator-...

🔗 PDF Creator demo app and instructions
https://pdf-creator-demo.bubbleapps.io/

📧 Plugin Support
https://www.cranfordtech.com/contact

🎨 Check out our other Templates and Plugins
https://bubble.io/contributor/1639725...

💼 Bubble Consulting/Freelancing
https://www.cranfordtech.com/agency

Timeline
00:00 Introduction
01:18 Installing the PDF Creator plugin
03:13 Example #1: creating a simple 1-page PDF
05:33 Customising your PDF
07:35 Explanation of how elements are scaled onto the PDF
13:12 Setting custom page dimensions and margins
14:50 Saving PDFs to your database
21:11 Example #2: creating a multiple-page PDF (including repeating groups)
30:35 Explanation of using multiple ID attributes for unrelated elements
32:30 UX tip: putting PDFs in popups
33:31 UX tip: putting a link to the PDF in a popup
36:18 Example #3: creating a PDF of a custom report
38:05 UX tip: adding a loading screen
42:19 Adding headers and footers to the custom report