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

Adding headers

PreviousLogosNextCustomising your PDF

Last updated 1 year ago

Video Tutorial

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

Instructions

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

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

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

Special Commands

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

Adding a page counter to your header

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

Adding a logo to your header

You can add a logo to the header 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 header (or footer) by adding 'my-image' to the Left/Right Header Content field.

Demo app

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

Bubble - Visual ProgrammingBubble
Logo