Customising the Printable Invoice
Posted: Mon Jun 11, 2012 11:20 am
Each booking has an Invoice section which can be opened suitable for printing.
The printable invoice opens as a HTML page in a new browser window and can be printed directly from the browser.
One the PROPERTIES >> ADVANCED settings page are two settings to customise the invoice.
The first Invoice Text allows you to add a custom message to the invoice, this message can include HTML tags so you can include a logo image using an image tag
A heading using a H tag or any other HTML.
The second Invoice Custom CSS allows you to add your own CSS to the printable invoice. The CSS allows you to style pretty much anything on the page. For example the following CSS would make the page background yellow.
By inspecting the page source of the printable invoice you can identify the element and class names and add your own CSS to style each of them.
This does invole a little knowledge of HTML and CSS but anyone capable of making a simple web page should be able to manage. Google is a great source for information about specific HTML and CSS commands.
The printable invoice opens as a HTML page in a new browser window and can be printed directly from the browser.
One the PROPERTIES >> ADVANCED settings page are two settings to customise the invoice.
The first Invoice Text allows you to add a custom message to the invoice, this message can include HTML tags so you can include a logo image using an image tag
Code: Select all
<IMG SRC="http://www.beds24.com/include/beds24.gif" ALT="">A heading using a H tag
Code: Select all
<h1>My Heading Text</h1>The second Invoice Custom CSS allows you to add your own CSS to the printable invoice. The CSS allows you to style pretty much anything on the page. For example the following CSS would make the page background yellow.
Code: Select all
body {background-color: yellow;}This does invole a little knowledge of HTML and CSS but anyone capable of making a simple web page should be able to manage. Google is a great source for information about specific HTML and CSS commands.