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.

HTML bron

Om te weten welke CSS classes je kan gebruiken voor opmaak, hieronder voorbeeld HTML voor de verschillende documenten:

• Picklijst HTML
• Pakbon HTML
• Inkoopbestelling HTML
• Bestelbevestiging HTML
• Retour HTML

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.