Dit artikel leidt je door het proces van het maken van je eigen FooEvents Kaartjesthema die je moet lezen voordat je verder gaat:
Creatief aan de slag met FooEvents Ticket Thema's - Deel 1
Creatief aan de slag met FooEvents Ticket Thema's - Deel 2

Het is belangrijk om in gedachten te houden dat de manier waarop PDF-tickets worden gegenereerd enigszins verschilt van gewone HTML en CSS. Er zijn bepaalde stijlen en elementen die misschien prima werken bij het renderen van een HTML-e-mail of -bestand, maar deze stijlen zijn mogelijk niet compatibel met de bibliotheek die wordt gebruikt om de PDF-bestanden te genereren.

Hier zijn enkele belangrijke dingen waar u op moet letten bij het maken of wijzigen van PDF Ticket Theme-bestanden:

1. Je kunt beide gebruiken JPG of PNG afbeeldingen. Als PNG-afbeeldingen met transparantie niet worden weergegeven zoals bedoeld, moet je de extensie "imagick" inschakelen in PHP. Als je niet zeker weet hoe je dit moet doen, kan je host je misschien helpen.
2. Probeer te vermijden <table> elementen, maar gebruik liever <div> tags.
3. Als je afbeeldingen specifiek wilt centreren, vermijd dan de CSS-declaratie “margin: auto”, maar gebruik in plaats daarvan “text-align: center”.”
4. Gebruik geen Google-lettertypen. De ingebouwde Lettertype DejaVu ondersteunt een groot aantal tekens, waaronder het Griekse, Cyrillische, Hebreeuwse en Arabische alfabet.
5. Probeer geneste elementen te vermijden, bijvoorbeeld.
   
   
   

   Enige inhoud

   
   
6. Gebruik de CSS-declaratie “display: block” niet voor afbeeldingen, aangezien deze de afbeelding in sommige gevallen kan verbergen.
7. Als u niet wilt dat een element over twee pagina's wordt uitgerekt, voegt u de verklaring “page-break-inside: avoid;” toe.”
8. Als u elementen nestelt, pas dan CSS-padding toe op de binnenste container en niet op de buitenste container.
9. Gebruik paden voor afbeeldingen in plaats van URL's zoals in reguliere HTML.
10. Voeg een afsluiting toe </body> tag en niet een afsluitende </html> tag voor meerdere PDF-pagina's
11. Gebruik de CSS-eigenschap “float” niet op een tag die genest is binnen een andere gefloate tag
12. Als een klant meer dan één ticket voor hetzelfde evenement koopt, worden op de meeste PDF-ticketthema's de header en evenementinformatie weergegeven, gevolgd door 3 tickets per pagina. Als het PDF-ticket er beschadigd uitziet, komt dit mogelijk doordat al deze informatie niet op één pagina past. Om dit op te lossen, kunt u een logge en/of header-afbeelding gebruiken die niet zo hoog is, vulling, marges of tekst verwijderen, of instellen dat er slechts 1 of 2 tickets op één pagina worden weergegeven.