List of fields for the Invoice Custom CSS

Post here if you cannot find a better category
Post Reply
amberbb
Posts: 125
Joined: Tue Mar 20, 2012 10:12 pm
Location: Centre of New Zealand - sunny Nelson!
Contact:

List of fields for the Invoice Custom CSS

Post by amberbb » Fri Nov 02, 2012 12:20 am

<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?
Last edited by amberbb on Sat Nov 03, 2012 12:47 am, edited 1 time in total.
Amber House Limited trading as AMBER HOUSE - at the centre!™
Mobile: +64 21 202 4961
Phone: +64 3 539 0605
Fax: +44 70 05 96 34 37
http://www.AmberHouse.co.nz
Amber House, 46 Weka Street, Nelson 7010, New Zealand

markkinchin
Site Admin
Posts: 896
Joined: Fri Mar 02, 2012 1:43 pm

Re: List of fields for the Invoice Custom CSS

Post by markkinchin » Fri Nov 02, 2012 9:59 am

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.

amberbb
Posts: 125
Joined: Tue Mar 20, 2012 10:12 pm
Location: Centre of New Zealand - sunny Nelson!
Contact:

Re: List of fields for the Invoice Custom CSS

Post by amberbb » Sat Nov 03, 2012 1:07 am

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 1074 times
Amber House Limited trading as AMBER HOUSE - at the centre!™
Mobile: +64 21 202 4961
Phone: +64 3 539 0605
Fax: +44 70 05 96 34 37
http://www.AmberHouse.co.nz
Amber House, 46 Weka Street, Nelson 7010, New Zealand

markkinchin
Site Admin
Posts: 896
Joined: Fri Mar 02, 2012 1:43 pm

Re: List of fields for the Invoice Custom CSS

Post by markkinchin » Mon Nov 05, 2012 9:23 am

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>

amberbb
Posts: 125
Joined: Tue Mar 20, 2012 10:12 pm
Location: Centre of New Zealand - sunny Nelson!
Contact:

Re: List of fields for the Invoice Custom CSS

Post by amberbb » Thu Nov 08, 2012 2:59 am

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...
Amber House Limited trading as AMBER HOUSE - at the centre!™
Mobile: +64 21 202 4961
Phone: +64 3 539 0605
Fax: +44 70 05 96 34 37
http://www.AmberHouse.co.nz
Amber House, 46 Weka Street, Nelson 7010, New Zealand

Post Reply