Skip to main content

PDF Button

Updated today

The PDF Button element enables users to generate and download PDF files directly from the frontend of a Bricks-built page. It integrates with predefined PDF templates, allowing full control over content and design. This button is ideal for offering downloadable documents such as invoices, tickets, or dynamically generated content.

Settings

The element offers a dedicated PDF Settings section with the following controls:

  • PDF Template: A dropdown menu listing all published PDF templates. This is required to enable the button.

  • Filename: Specifies the name of the generated file.

  • Action: Determines what happens upon clicking the button:

    • Download: Starts downloading the PDF

    • Open in New Tab: Opens the PDF in a new browser tab

    • Open in Current Tab: Replaces the current page with the PDF

Style

The button supports several styling options from Bricks' native control sets:

  • Text: The label displayed on the button

  • Size: Select from standard Bricks button sizes

  • Style: Primary, secondary, etc.,

  • Outline: Adds an outline style

  • Circle: Renders the button as a circle

  • Icon: Choose an icon, define its typography, and set its position (left or right)

  • Icon Gap & Space: Adjust the gap between icon and text and control spacing behavior

Usage Summary

To use the PDF Button:

  1. Create and publish a PDF Template.

  2. Drag the PDF Button element into your Bricks layout.

  3. Select the desired template and configure filename/action.

  4. Style the button using Bricks controls.

Did this answer your question?