Question
Accenture
IN
Last activity: 29 Apr 2021 8:20 EDT
Change Background Color for Different Values in a drop down control based on user selection
Hi Everyone,
I have a client requirement to change the background color of values in a dropdown control based on user selection For example, in reference with the attachment, when user selects "Clear" Option from the dropdown - the dropdown background color should appear as "Red" similarly when user selects "Not Applicable" the background color of dropdown should appear as "Green" and when user selects "Pending" the background color of dropdown should appear as "Orange"
Any inputs or suggestion to achieve the above requirement please?
Updated: 29 Apr 2021 8:20 EDT
Pegasystems Inc.
IN
For the dropdown control, put a class(like "DPControl") in the properties control.
Then onclick/change of dropdown, you need to do RunScript and pass a parameter(say color). In the script, you would need to write a function where based on the parameter, you put the background color of the div with the classname "DPControl".
function changeColor(color){
document.getElementByClassName("DPControl").style.backgroundColor = color;
}