Invoice Template issue

1

Hi, I’ve difficulties with customizing invoice template. The system layout broken after previewing my template.

This is how it looks when I preview the invoice

767×663 45.2 KB




It looks just fine right? Yet, when I closes the preview, the system became like this (it looks normal after I return to previous page)

1061×714 123 KB





And If I try to print the invoice, it became like this
429×519 25.6 KB






May I know where should I look to fix this? Let me know if you need more information.
I’m using ver 16.5.55 on mac OS X 10.11

2

Your HTML template is injected into the app UI which is also HTML document. You need to rewrite your HTML template so it doesn’t leak.

For example, I’ve noticed you have tags like <html> or <head> in your HTML template. Those must be removed. Also you have global CSS styles. You need to remove those too.

1 Like
3

Thanks

4

With recent version upgrade, I find the custom templates have changed automatically with regard to “Notes”. Was using custom templates so far and the placing of ‘Notes’, was perfect. (Image below)

734×180 17.8 KB

However, this has changed automatically with the recent upgrade without any edit done to the template. (image below)
749×173 16.9 KB

Please see that the bold font too has changed…
Any solution?

5

In your HTML code, instead of {{ notes }} use {{ notes | newline_to_br }}

2 Likes
6

Thank you very much. For the bold font? ** not working…

7

Use HTML tag <b> so **Bank Details:** should be <b>Bank Details:</b>

2 Likes