← Support Home

Themes

To use Saasu Themes we recommend you have some basic HTML or CSS coding experience

Themes allow a high degree of customisation of the design and layout, and form the base for the PDF template used in invoices, purchase orders, receipts, payslips, and statements. As themes are created using HTML and CSS you will need to be comfortable with using this code in order to get the best result. Alternatively you can use your web designer to assist in creating themes that match your brand.

WHERE: View > Templates > Edit and Create your own theme (link below Theme picklist)

What can Themes do

Themes in Saasu allow you to add useful design features to one or more of your templates. Themes are designed to give Saasu customers with programming skills (HTML or CSS) the flexibility to help their business customers with specific PDF and email documentation needs in Saasu. Their requirements may include:

Themes do not provide a way for customers with no programming experience to change the look and feel of their templates. If you haven't used HTML and CSS programming code before, it's probably best not to attempt this as we don't provide HTML/CSS programming support. This is due to the intensity of having to teach people programming before we can even suggest how to work with using the Themes feature in Saasu. Don't worry though, as we are happy to recommend a third party who can assist you with template customisation for our customers who don't have these skills or access to them.

Themes let you to control far more design elements in a document, including where your logo displays, and the colour and type of font you use. You can even embed things like maps, images, links, and buttons.

How do I edit my Theme

  1. Select View > Templates > Choose a template you want to design or edit a theme for - The Template will load in edit mode.
  2. Click Edit and create your own theme.
  3. Saasu will display some default themes that we have set up. You can open one similar to what you need and duplicate it using the Duplicate button.
  4. Edit the CSS and HTML code for the theme.
  5. You can use the Preview button to check your progress. The preview will display as a PDF so you can be sure the design work you are doing matches what your customers will see.

NOTE: When you edit a Sale or Purchase theme, two formats will display when you preview your changes - An Item style view and a Service style view.

Theme versions

You may need different versions of a theme for different situations. You may need to customise words, like the invoice title for example. To do this duplicate the theme you want to change, make the changes, and set up the template to use the theme that you change. Some HTML knowledge is required to do this. Otherwise, it could be frustrating to get it working. Here are the steps:

  1. Open the template you want to edit.
  2. Click Edit and create your own theme below the Theme picklist.
  3. Pick the theme you want to edit.
  4. Duplicate the theme.
  5. Make your changes. For example, if you just want to change the title, find the text {InvoiceType.PrintDescription} and replace it with the word that you want to use.
  6. Click Preview to see your changes.
  7. Click Save once you're happy with these.
  8. Go back to the template list screen and open the template you want to change.
  9. Change the theme to the new one you just created and click Save.