Page 1 of 1

List of fields for the Invoice Custom CSS

Posted: Fri Nov 02, 2012 12:20 am
by amberbb
<Grumpy mode on>
Searched this board on the term Invoice and was told "The following words in your search query were ignored because they are too common words: invoice."

So I then searched this board on the term "Invoice" and was told again "The following words in your search query were ignored because they are too common words: invoice."
<Grumpy mode off>

Where can I find the list of fields for the Invoice Custom CSS, please?

Is there a #invoicephone like there is for #invoiceaddress, so we can print our Phone number on our invoices?

Re: List of fields for the Invoice Custom CSS

Posted: Fri Nov 02, 2012 9:59 am
by markkinchin
amberbb wrote: Where can I find the list of fields for the Invoice Custom CSS, please?
There are two settings for the Guest Invoicing on the PROPERTIES >> ADVANCED page.
1) Invoice Text lets you add your own message to the invoice, your phone number could go here. You can also use the template variables to include information from the booking, see bottom of the properties>>advanced page.
2) Invoice Custom CSS gets included as CSS commands with the page when the browser opens it, you can modify the layout and formatting using this.

Re: List of fields for the Invoice Custom CSS

Posted: Sat Nov 03, 2012 1:07 am
by amberbb
markkinchin wrote: Invoice Custom CSS gets included as CSS commands with the page when the browser opens it, you can modify the layout and formatting using this.
That's what I'm trying to do. Now Amber House's phone number is stored in your database as a variable somewhere but I need to know what it is called to call it.

I would like to position it just after the address, using the same font and size right at the top of our invoice


but to do this I need to know what this variable is called

eg:

body {text-align: left; font-size: 16px;}
#invoicepropname{position: absolute; top: 13px; left: 180px; font-size: 28px;}
#invoiceaddress{position: absolute; top: 30px; left: 180px; font-size: 18px; padding-bottom: 120px;}
#invoicephone{position: absolute; top: 30px; left: 306px; font-size: 18px; padding-bottom: 120px;}
#invoiceguestname{position: absolute; top: 180px; left: 60px;}
etc, etc

where invoicephone will be replaced by the correct (secret?) name of that variable so that the second line of our invoices will then read:

46 Weka Street, Nelson, 7010 New Zealand ________ +64 21 202 4961



beds24-2012-11-3.png
beds24-2012-11-3.png (42.16 KiB) Viewed 2969 times

Re: List of fields for the Invoice Custom CSS

Posted: Mon Nov 05, 2012 9:23 am
by markkinchin
amberbb wrote:Now Amber House's phone number is stored in your database as a variable somewhere but I need to know what it is called to call it.
The information available in the TEMPLATE VARIABLES come from the booking. Information about your property and account are not available as variables, you will need to type them in to the Invoice Text setting.

If you want to do something particularly tricky it should be possible to include a javascript in the Invoice Text field to change things on the fly.
For example this will add a number to the end on the address div.

Code: Select all

<script>document.getElementById('invoiceaddress').innerHTML +='  +012345678';</script>

Re: List of fields for the Invoice Custom CSS

Posted: Thu Nov 08, 2012 2:59 am
by amberbb
markkinchin wrote: If you want to do something particularly tricky it should be possible to include a javascript in the Invoice Text field to change things on the fly.
For example this will add a number to the end on the address div.

Code: Select all

<script>document.getElementById('invoiceaddress').innerHTML +='  +012345678';</script>
That's cracked it, Mark!

Although I did find that I needed to add some non-breaking spaces:

Code: Select all

<script>document.getElementById('invoiceaddress').innerHTML +='  &nbsp;  &nbsp;  &nbsp; &nbsp;  +64 21-202 4961';</script>
to get things nicely formatted...