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

Adding footers

PreviousSaving PDFs to your Bubble databaseNextAdding headers

Last updated 1 year ago

Video Tutorial

The below video tutorial demonstrates how to add footers to PDFs:

Instructions

  • Add text (static or dynamic) to the left or right hand-side of your footer using the 'Left Footer Content' and 'Right Footer Content' fields

  • Modify the color of the text in the footer using the 'Font Color' field

  • Add a line for the footer section by ticking the "Show Line" checkbox

  • Customise the font size of the text in the footer using the 'Font Size' field and the margins using the Top and Left/Right Margin fields

If you do NOT wish to add a footer to your PDF, you can simply leave the Left Footer Content and Right Footer Content fields blank

Special Commands

The PDF Creator has two special commands for adding content to footers (and headers)

Adding a page counter to your footer

You can add a page-counter to the footer of the PDF by adding 'page-counter' to the Left/Right Footer Content fields.

Adding a logo to your footer

You can add a logo to the footer of the PDF. You will need to upload an image (either JPEG or PNG) in the 'IMAGE FOR HEADER/FOOTER' section of the 'Generate PDF Creator' action.

You will also need to specify a 'Width' and a 'Height' for the image you've uploaded. It is highly recommended you set these dimensions to equal the dimensions of the image you uploaded.

You can then add the image to your footer (or header) by adding 'my-image' to the Left/Right Footer Content field.

Demo app

You can view an example of how to add footers to your PDFs in the demo app at the below link (relevant section is the 'Adding a footer to your PDF' section)

LogoBubble - Visual ProgrammingBubble