Adjusting subform layout in custom record template (PDF)

Adjusting subform layout in custom record template (PDF)

Hi there,

For one of my forms, I’m working with a custom record template (PDF) that includes a subform. The subform contains two fields per row: an image field for uploading images and a single-line text field for descriptions. When I add the subform to the record template using the builder, all rows are displayed in a vertical list.

This layout causes the report to become excessively long when downloaded as a PDF, as only two images fit on a page. While I understand that reducing the image size could help, this is not my preferred solution. Ideally, I would like to display two images per row in the record template, with their descriptions placed below each one.

I’ve attempted various approaches using custom HTML/CSS but haven’t been able to achieve the desired result. This is the (default) HTML code I'm using right now:

  1. <div style=''>
  2.   <div style='width: 0%; display: none'>
  3.     <div style=''> ${Label element} </div>
  4.   </div>
  5.   <div style='width: 100%; text-align: left'>
  6.     <div style='font-size: 13px'>
  7.       <div style='width: 0%; display: none; text-align: left'>
  8.       ${Foto Label element}</div>
  9.       <div style='width: 60%; text-align: left'>${Foto Value element}</div>
  10.       <div style='width: 0%; display: none'> ${Beschrijving Label element}</div>
  11.       <div style='undefined'>${Beschrijving Value element}</div>
  12.     </div>
  13.   </div>
  14. </div>

Could you let me know if what I’m aiming for is possible? If so, I would greatly appreciate your guidance on how to achieve it.

Thanks!