I am trying to create some sort of ID register that displays basic bio data of staff. Such as Name, Gender, region and a passport photo. I want to export the register in full (all pages as one pdf) or page by page into PDFs.
Problem is, when I export the pdf, the layout is completely different from what is shown in the browser.
The webpage view has two columns of cards while the exported PDF forces all the cards into one row.
A PDF renders very different than a HTML page in the browser. The HTML in your page is converted to something that the PDF understands. I see that your HTML has all the 6 cards in a single row, the browser will automatically flow them depending on the available space but the PDF just puts them all in a single row as specified in your HTML.
To get them correctly in the PDF you have to group your cards in groups of 2 per row.
Thank you very much @patrick and @scott . Here is an update.
When I switched the repeat-children to the Dynamic Attribute Repeat, the columns are only displayed on the left side. No matter the row numbers I set in the row layout panel, the columns don't get distributed to the right side. My goal is to have at least 2 columns per row.
Below is the view after using the dynamic attribute repeat.