Hi Guys,
I’ve customised my ticket slightly and it showing as expected in the HTML view, but when I click download PDF or Print ticket everything seems to be misaligned. I must also point out that I did change the width size from the default (i think it was 700/800px) to now 500px. Can you help me out please?
It’s not possible to do a 1:1 conversion from HTML to PDF. No PDF generator script understands complex CSS and only understands basic HTML. The issues you are seeing are probably the result of that. Speaking from first-hand experience, it’s pretty much like trying to code for a really, really old browser and the only way to test is to generate a PDF with every iteration. This is why we offer custom ticket design as a premium support option.
The best advice I can give you that I had to learn the hard way from doing a few of these, is to use media queries to your advantage, since the PDF view has a very specific viewport size (800px, I believe), so you can do some amount of targeting for that viewport with media queries. However, IIRC, you can’t use <div>s in the PDF, so you need to use tables and table cells.
You can change the size, but you’d want to force a block of space to fill in the extra 300px if you wanted a 500px ticket.
You can even resort to the old-school method of filling in table cells with images if you need to. If you did any web design/development 10 or 12 years ago, basically go back to that way of thinking and you should be able to work it out. 🙂
Your advice and support for exceed my expectation Chris – I will try to turn back the hands of time and see what I can came up with. The reason why I don’t use the custom ticket design is that I foresee ticket customisation as an ongoing demand from my future client’s , so (a)I couldn’t possible afford this on a regular basiss (b)it would be unfair to use your time like this. Anyway as I said up to Chris – Thanks a million
Viewing 4 reply threads
The support post ‘Ticket Not showing correctly in PDF or Print View’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.