HTML Schedule Changes Email

Customise the design of your Schedule Changes Emails. Accentuate the actual changes in the email by defining bold, underlined or italic text, using colours (old and new value can have different colours), selecting your favourite font, font size, margin, background colour, you can put text in a box, add a background image etc.  … Basically, apply any formatting possible in html + css.

How to enable the feature

Find a new setting to enable ‘Send Schedule Changes Email Using HTML And More Info About Changes’ in fw desktop client application > Toolbox > Settings > Server Setup.

Disable ‘Send Schedule Changes Email Using HTML And More Info About Changes’ to use the legacy email layout:

Enable ‘Send Schedule Changes Email Using HTML And More Info About Changes’ to apply customised HTML formatting:

How to edit the HTML format?

The HTML format is defined in the file ‘schedule_changes_email.html’. Find it in fw server installation directory / html_templates / other / schedule_changes_email.

Open the template ‘schedule_changes_email.html’ in an html-editor, e.g. TextWrangler and apply changes to the template.

If you don’t fully trust your html skills, save a copy of the template somewhere to fall back on it in case you corrupt the template while customising it.

Some Examples

Here are some examples for simple and quick layout changes that you can apply even you are not an html expert:

1. If the booking time has changed, show the colour of old and new value in pink and turquoise instead of red and blue.

In ‘schedule_changes_email.html’ find the lines
<Start OneChangeLine - DONT EDIT THIS LINE>
  <span style="text-decoration:underline"><CHANGE_FIELD></span>
  <span style="color:red"><CHANGE_OLD_VALUE></span> changed to
  <span style="color:blue"><CHANGE_NEW_VALUE></span><br/>   

Change the colour codes.
<Start OneChangeLine - DON'T EDIT THIS LINE>
  <span style="text-decoration:underline"><CHANGE_FIELD></span>
  <span style="color:#FF0080"><CHANGE_OLD_VALUE></span> changed to
  <span style="color:#00FFFF"><CHANGE_NEW_VALUE></span><br/>   

This is how the email shows the changes now:

Beautiful colour coding… Now that you have started, don’t just stop there.

2. You want to accentuate the changed time even more? Define bold text for the old value (pink)?

<Start OneChangeLine - DON'T EDIT THIS LINE>
  <span style="text-decoration:underline"><CHANGE_FIELD></span>
  <span   style="color:#FF0080"><b><CHANGE_OLD_VALUE></b ></span> changed to
  <span style="color:#00FFFF"><CHANGE_NEW_VALUE>></span><br/>   

There we go: