Zelfs zonder veel kennis van HTML en CSS ben je dankzij platforms als CO-Pilot, CharGPT en Gemini in staat om fraaie layouts te fabriceren.
Stel een vraag zoals hieronder. Begin met “Ik heb een HTML div nodig met… ” en eindig met “”… Alle styling inline”. Vaak levert het een output op die direct toepasbaar is.
De output, kun je kopiëren en plakken in de query van je view of expressieveld, en de placeholders vervangen door velden uit de tabel, bijvoorbeeld:
dx_cardlist = '<div style="display: flex;">'
+ ' <div style="width: 100px; margin-right: 10px; display: flex; align-items: center; justify-content: center; font-size: 200%; font-weight: bold;">'
+ ' ' + pr.org_custom_id + ''
+ ' </div>'
+ ' <div style="flex-grow: 1;">'
+ ' <div style="font-size: 150%; font-weight: bold;">' + act_custom_id + '</div>'
+ ' <div style="font-size: 125%;">' + xp.prs_full_name_01 + '</div>'
+ ' <div style="font-size: 100%;">' + wl.wrl_name +'</div>'
+ ' </div>'
+ '</div>'
Met als resultaat:
