We have a project build in Bubble for creating resumes. A resume is created in a fixed-width group. The height of the group is dynamic and depends on the resume’s content.
We enabled SelectPDF plugin to print the resumes in A4 format.
The issue we need to solve is that resumes have colored backgrounds that need to extend to the whole page. Now when we print a multi-page resume the background covers the last page partially as the group height is less than the sum of the pages’ heights. Please see the pdf for illustration https://www.evernote.com/shard/s161/sh/a02b0de0-9e9a-4518-b0ed-0d3e837ddc76/1e3bf000073a64c2ed3bc2f921b48467.
The solution we want to implement is a JS/CSS code snippet that will control the group height with certain HTML ID so that the height of the group always can be divided by the height of A4 page (1122px) as follows:
- if at the moment of printing the group height is less than 1122px it has to be changed to 1122px
- if at the moment of printing the group height is more than 1122px it has to be changed to 2244px (and so forth)
Please DM me.