"PAID IN FULL" Template Variable for Invoices

Corey L. shared this idea 9 months ago
New

For my corporate and institutional customers, it would be nice if something like (but not identical to) the below image (or formatted text) would appear on the Contract Templates for Invoices. Maybe something like (pseudocode):

If (*balance_due* == 0){
*paid_in_full* = 1}
else{
*paid_in_full* = 0}
;
And then some CSS and other formatting tricks on the Invoice?

Idk... just spit-balling.501533_801x

Comments (2)

photo
1

You can do this if you know some basic code. Let me see if I can figure it out before IO chimes in. lol

photo
1

Try this in the code of your contract page (maybe invoice didn't try it there.


between the and

Paste

.watermark {

color: black;

opacity: .3;

position: relative;

top: 150px;

left: 40px;

font-size: 40px;

font-weight: 800;

font-family: arial;

}


Then after the

Paste



Or you can paste this


PAID IN FULL


the position may be a little wonky, but it will get you started. just play with the percentages in the first part and you'll get there.


You can also add

@media only screen and (max-width: 600px) {

.watermark {

display: none !important;

}

}

just below the

.watermark....

in the style sheet. Hope that all makes sense.

photo
1

I feel like your answer is missing something.... here's what I see...

6f917881202e7d0175c87409cace731b

photo
1

hmmmm... it's missing most of it.

photo
1

Let me try again.


Try this in the code of your contract page (maybe invoice didn't try it there.


between the and

Paste

.watermark {

color: black;

opacity: .3;

position: relative;

top: 150px;

left: 40px;

font-size: 40px;

font-weight: 800;

font-family: arial;

}


Then after the

Paste


/url%20of%20the%20image


Or you can paste this


PAID IN FULL


the position may be a little wonky, but it will get you started. just play with the percentages in the first part and you'll get there.


You can also add

@media only screen and (max-width: 600px) {

.watermark {

display: none !important;

}

}

just below the

.watermark....

in the style sheet. Hope that all makes sense.

photo
Leave a Comment
 
Attach a file