PDF documenten opmaken met CSS
Bij Instellingen > Templates kan je per template CSS opgeven. Dit is opmaakcode om de PDF's van je eigen stijl te voorzien.
De PDF documenten worden eerst opgemaakt in HTML en daarvan wordt de PDF gemaakt. Daarom kan je de PDF's stijlen met CSS.
CSS-assistent
Met de CSS-assistent hoef je de CSS niet zelf te schrijven, maar beschrijf je in gewone taal wat je wilt aanpassen. Klik onder het veld 'Eigen CSS' op 'CSS-assistent' en zie in het voorbeeld ernaast per document wat het resultaat wordt.
HTML bron
Om te weten welke CSS classes je kan gebruiken voor opmaak, hieronder voorbeeld HTML voor de verschillende documenten:
Niet alle HTML elementen worden altijd getoond. Zoals backorders, prijzen en afbeeldingen zijn afhankelijk van de instellingen in Picqer. De voorbeelden tonen alle mogelijke HTML die je tegen kan komen.
Marges instellen
Als je een achtergrond gebruikt en je wil daarvoor de marges van de tekst aanpassen om te zorgen dat de tekst op de goede plek gebruikt wordt, kan je dit ook middels CSS doen. Hierbij een voorbeeld:
@page {
margin-top: 3.5cm;
margin-left: 1.5cm;
margin-right: 1.5cm;
margin-bottom: 3.5cm;
}
#background {
top: -3.5cm;
left: -1.5cm;
right: -1.5cm;
margin-bottom: -3.5cm;
}
Met @page geef je op wat de marges per pagina zijn, die kan je per zijde apart definiëren. Om te zorgen dat de afbeelding op de achtergrond op de goede plek begint dien je daar dezelfde afstanden te gebruiken maar dan negatief.
