/
5.21.4.1.2 Changing Colours in a Dropdown Menu
5.21.4.1.2 Changing Colours in a Dropdown Menu
This example will show you how to format the colour of a dropdown menu using a JavaScript label.
Script
Changing colours
// The first line of code specifies the field you want to apply the colour changes to var fieldid = 6400 var fieldnode = $('#CustomField_'+fieldid) // The section below implements which colour should be displayed when each option on the dropdown is chosen switch (fieldnode.val()) { case ('Low'): //The colour you want to use can be changed by simply editing the text to your colour of choice fieldnode.css('background-color','green'); break; case ('Medium'): fieldnode.css('background-color','orange'); break; case ('High'): fieldnode.css('background-color','red'); break; }
High risk
This screenshot shows the dropdown field when the "High" option is selected.
Medium risk
This screenshot shows the field when the "Medium" option is selected
Low risk
The final screenshot shows the field when the "Low" option is selected.