Background Color on a choice list

[Sam Ogden]

Hi All,

I have just added a choice list to our incident form with the choice options of Red, Amber & green.   I want the background colour of the field to match these descriptions.   I've added in 3 styles on this field:

On the list view this is presenting a coloured dot which is what I want:

However on the actual form the background colour does not change:

Is there a way to make the background colour also change on the form?

Thanks

[Rajesh Mushke]

Hi Sam,

Create onChange client on your field,

for me i have created on Incident   table : State field,

Please Replace your table name & Field name in the below code

function onChange(control, oldValue, newValue, isLoading) {

  var elementID = gel("incident.state");

  switch (newValue) {

      case "1":

          elementID.style.backgroundColor = "Gray";

          break;

      case "2":

          elementID.style.backgroundColor = "tomato";

          break;

      case "3":

          elementID.style.backgroundColor = "orange";

          break;

      case "4":

          elementID.style.backgroundColor = "yellow";

          break;

      case "5":

          elementID.style.backgroundColor = "green";

          break;

      default:

          elementID.style.backgroundColor = "Lightgreen";

          break;

  }

}

[Sam Ogden]

Hi Rajesh,

I've just tried to amend the code, but it is not working.   The field is :

And the Code is:

But still the background colour remains standard:

Thanks

[Rajesh Mushke]

Hi Sam,

Remove your 2nd line,3rd line,4th line of code and try again.

[Sam Ogden]

I've tried this but still only changing the colour on the list view and not changing it on the form.