Way to show on invoice template paid in full status.

Answered

Follow

Tom Clark

• 11 October 2021 00:18

At the moment we can include on an invoice template the balance due, which if zero would indicate a paid invoice, but is there any way to have a field that appears as text only when the invoice is paid?

Sort of like when you are looking at the invoicing screen and the icon appears once an invoice has been paid, something that could go on the template to instantly differentiate for our customers when we send them a paid invoice.

I understand we have the option to create a separate paid template, but would prefer something that was more system generated (and to minimise extraneous templates).

2

• Official comment

  

  George Hinchliff

  • 25 November 2021 22:59
  • Edited

  Hi Tom,

  This could be achieved using an image and CSS.

  In the source of your template, place this image where you would like the paid status to appear on your invoice

  <div class="remaining_[Invoice Balance Due]"><img alt="" src="https://fs.axcelerate.com.au/images/71456636/invoice_paid.png" style="height: 50px !important; width: 121px !important;" /> </div>

  Next, create a <style> tag within the template source and add the following CSS:

  [class*="remaining_"] {
  display: none;
  }
  [class*="remaining_$0.00"] {
  display: inline !important;
  }

  This will tell the image to show only when the remaining balance of the invoice is $0.00.

  I would recommend only sending a template using this method as a PDF as we are not able to guarantee that the receiver's email client will correctly apply the CSS if it is included in the body of the email.

  Comment actions Permalink

Please sign in to leave a comment.