Create a unique PDF view from any page of your app 


PLEASE NOTE: THIS FEATURE IS STILL IN ALPHA PHASE IS QUITE BUGGY. WE'RE ACTIVELY WORKING ON THIS, BUT YOU'LL EXPERIENCE SOME BUGS UNTIL WE'VE COMPLETED IT. 

From any page within your Page Builder you can create a custom PDF view which will convert the page into a unique and fully customized PDF with cool additional features, such as password protection. 

Start by selecting the page where you want the PDF to be viewed and then click PDFon the top to customize the PDF view.



Next, create your PDF just like you would create any other page by adding rows/columns and adding the components to the page. For instance, in the example below we'll add a table with all our recipes and the columns which must appear on the PDF. 



Once we've add the data to the PDF, we must create a link to view this PDF. Lets go back to the "Content" tab and add a new "PDF Print" component to the page.  



Now click the preview button and then press Print to view the PDF.  



Now click the preview button and then press Print to view the PDF.  



Now let's now look at how we can customize this PDF. 

Click the PDF tab again and select "PDF Settings"



A new modal window will appear where you can make dozens of unique customizations. 


Main Settings



Paper Size: Choose from over 30 Page sizes such as letter, legal and many more
Orientation: Portrait or Landscape options
Password: Password protect the PDF with a password


Page Settings



Background Color: Make the background any color you wish
Font Color: Default color for font unless specified in the component
Font Size: Default font size settings which are explicit in the PDF page builder will override these options
Margin: Create custom margins for the content of the page


Header and Footer Settings



Visible Header: Choose if header should be visible or not. If No is selected, the below options will not appear in the header. 
Columns: Choose between 1,2 or 3 columns in the header/footer and customize what appears in each column. You can choose either: 

  1. Page Number which will appear as "Page 1"
  2. Text - this same text will appear on the header of each page
  3. Image - such as a logo

You can customize it further with additional styling options, such as margins, colors and fonts. 

Lets see how our page looks now with some of these custom options: