Met Documentopmaak zet je een vaste kop- en voettekst op elke pagina van je offertes en facturen, en geef je al je documenten dezelfde opmaak met eigen CSS. Bas zet Documentopmaak per persoon voor je aan.
Voor wie: beheerders
Documentopmaak is een aparte pagina in de instellingen voor twee dingen:
Je ziet deze pagina niet vanzelf, want support zet hem per persoon aan. Wil je ermee werken, vraag dan support om Documentopmaak voor jou aan te zetten. Daarna staat het onder Instellingen > Werkwijze > Documentopmaak.
Op de pagina staat een blok Hele organisatie. Werk je met meerdere handelsnamen, dan staat er ook een blok per identiteit. Vult een identiteit niets in, dan gebruikt die de instellingen van de hele organisatie.
Met Toepassen op alle documenttypes gelden de instellingen voor al je documenten. Zet je dat uit, dan kies je bij Geldt voor zelf de documenten.
De kop- en voettekst verschijnen alleen op offertes en facturen. Staat er in een document-template zelf al een kop- of voettekst, dan gaat die voor.
style="…", of in een <style>-blok bovenaan de kop- of voettekst. Dat blok geldt alleen voor die kop- of voettekst.font-size:10px op het buitenste element.src="data:image/png;base64,…". Hetzelfde geldt voor een lettertype van internet: dat werkt in de kop- en voettekst niet.-webkit-print-color-adjust:exact in de opmaak van dat element. Zonder die regel laat de PDF de achtergrondkleur weg.Een eenvoudige koptekst met een logo links en je contactgegevens rechts:
<div style="display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 28px; font-size:10px;">
<img src="data:image/png;base64,…" alt="Logo" style="height:40px;">
<div style="text-align:right;">Straat 1, 1234 AB Plaats<br>[email protected] · 012 345 67 89</div>
</div>Een voettekst met je gegevens in drie kolommen werkt op dezelfde manier: een <div> met display:flex, met daarin per kolom een eigen <div>.
Met Eigen CSS gebruiken en het veld Document CSS geef je al je documenten dezelfde opmaak, bijvoorbeeld een lettertype, een kleur voor koppen of hoe een tabel over twee pagina's loopt.
<style> eromheen.*, want dat breekt de editor. Richt je regels op een soort element, zoals p of thead, of op een class.Een voorbeeld met een eigen lettertype en kopjes van een tabel die op elke pagina terugkomen:
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
body { font-family: 'Open Sans', sans-serif; font-size: 12px; }
thead { display: table-header-group; }
p { orphans: 3; widows: 3; }Met thead { display: table-header-group; } staan de kolomnamen van een lange tabel bovenaan elke nieuwe pagina. Tabellen, tabelregels en blokken uit de editor houdt Bas zelf al bij elkaar op één pagina. Daarvoor hoef je geen CSS te schrijven.
Het logo staat als link naar een website in de HTML. Zet het logo als ingebedde afbeelding in de HTML.
Er staat geen lettergrootte in de kop- of voettekst. Zet een font-size op het buitenste element.
De marge is te klein. Maak onder Marges de marge boven of onder groter.
Zet -webkit-print-color-adjust:exact in de opmaak van het element met de achtergrondkleur.