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 PDFOpen in New Tab
: Opens the PDF in a new browser tabOpen 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:
Create and publish a PDF Template.
Drag the PDF Button element into your Bricks layout.
Select the desired template and configure filename/action.
Style the button using Bricks controls.