Calendar: Set a Custom colour for each Event Form when it appears on the Calendar Page

Previously, the colours of planned and completed events on the Calendar could not be customised. All forms that were planned in the system showed as orange and all completed events showed as green.

You can now set custom background colours for any event form when it appears in the Calendar page

You can now set custom background colours for any event form when it appears in the Calendar page

To do this you need to go to the Builder Site, Open the Event (from the Events Pages) and go to the Form's Advanced Properties Section

To do this you need to go to the Builder Site, Open the Event (from the Events Pages) and go to the Form's Advanced Properties Section

At the bottom of the Advanced Properties List there are two fields where you can set the Planned and Completed colours for the Event to show on the Calendar

At the bottom of the Advanced Properties List there are two fields where you can set the Planned and Completed colours for the Event to show on the Calendar

The two colours need to be entered in hexadecimal. E.g:

#FF0000 is red

#0000FF is blue

#00FF00 is green

You have to enter the hex color and it MUST have a # before the colour code. To choose the colour you can go to http://www.colorpicker.com  (as shown below).

The image here shows the Colour Picker Website that allows you to get the hex code of any colour

The image here shows the Colour Picker Website that allows you to get the hex code of any colour

1: Click on the colour that you require

2: Copy the colour code

Enter in the colours you require. Ensure you have a # at the start of the colour or it will not be recognised

Enter in the colours you require. Ensure you have a # at the start of the colour or it will not be recognised

Enter in the colours and save and close the event form

Now the Draft and Completed events for that Event form will be coloured accordingly in the Calendar view

Now the Draft and Completed events for that Event form will be coloured accordingly in the Calendar view

N.B You can choose a colour from your organization's logo or website by using Instant Eye Dropper. The Instant Eye Dropper Programme enables you to select a colour from an image or web page and get the hex code for it.

If you want to choose a colour from your organisation's website/logo/theme/etc, or you are having trouble matching/finding the colour that you want from the colour palette in colorpicker.com you can install Instant Eye Dropper to find the hex code. The website has steps on how to install and how to use the programme

http://instant-eyedropper.com/

2 Comments

Peter Kyffin

Or if you want to choose a colour from your organisations' website/logo/theme/etc, and you don't know the hex code or you are having trouble matching/finding the colour that you want from the oclour palette in colorpicker.com you can install Instant Eye Dropper. Link below, the website has steps on how to install and how to use.

http://instant-eyedropper.com/

Joe Cole

Thanks.
This has been added to the main content of the help documentation

Add your comment

E-Mail me when someone replies to this comment