Print pdf pages with page breaks

I have several reports that I provide the option on the page to print the report - either to PDF or printed as the user needs.

However, the report columns blend into each other sometimes on the page and this makes them unreadable.

I need a way to control the page layouts more predictably.

I have read and tried the following recommendations, but the suggestions don’t make any difference.

this are two example pages where the two columns overlap in the printed page and I’d like to print one above the other.


surely there is a simple way to add a page break between views.

Thanks for your help

Hi @GazM - I use the below CSS which works well putting a page break “before” or “after” a specific view. Maybe best to add a blank view full width above the two column view so it breaks as expected.

/*Page Break*/
#view_397 {
 break-after: page; 
}
2 Likes

thanks, Carl; I tried this code with a blank full-width rich text view, but it didn’t work for my app. Not sure why this didn’t work

maybe because it is embedded into a Wordpress site?

Yes it being embedded would likely be the issue. I don’t have a solution for that :thinking:

I ended up creating a separate report grid with the fields I wanted, export and then tidy up in Excel.

There really is very little control over print results unfortunately in Knack

Thanks, Ray and Carl - I thought it was an issue.

Sadly, I don’t have the export option because these are user reports.