How do I change the field background colour?

[ChuanYanF]

Dear experts,

I would like to know how do I configure the background label colour for a field to be like this?

Currently my script is like this but it does not show the color like the background I wanted above. How do i change my script so that my field whole background becomes red or green instead of gray now.

[Bhuvan · Accepted solution]

@ChuanYanF 

I do not think issue is with style or client script. Check your business rule where you set field value of 'u_final_scoring' or create a manual record and set the value of the field to 1 or 2 and test it.

Below is for reference where I simulated your use-case in my PDI,

I hope you appreciate the efforts to mimic this scenario in my PDI and provide you with this  information by marking the posts helpful and accept the solution.

Thanks,

Bhuvan

[Bhuvan]

@ChuanYanF 

Set the style definition, go to table -> field -> configure Styles and create entries as below

javascript: current.u_final_scoring == "Yes"
background-color: tomato;

javascript: current.u_final_scoring == "No"
background-color: green;

Create Client Script as below,

function onLoad() {
//Type appropriate comment here, and begin script below
var finalScore = g_form.getControl('u_final_scoring');
if (finalScore.value == "Yes")
{
finalScore.style.backgroundColor="tomato";
}
if (finalScore.value == "No")
{
finalScore.style.backgroundColor="green";
}
}

Sample output,

If this helped to answer your query, please mark my posts helpful & accept the solution to close the thread.

Thanks,

Bhuvan

[ChuanYanF]

Hi Bhuvan, I still cannot be able to generate what u did, I copied pasted each steps but it still remain gray rather than a coloured field. Isit because I am using business rule to populate my answer on final_scoring?

[Matthias Ferstl]

Using a ClientScript shouldt be necessary.
You can script conditions in the value field of your style:

 

In your case you should check the string or define it as choice field and check the value.
Friendly reminder: It is considered best practice in most cases to define values of choice fields as integer

[ChuanYanF]

It still only will show at the list level, but not the form level. How should I approach this issue?

[Bhuvan]

@ChuanYanF 

Please share screenshots of what you configured in styles and client script.

Thanks,

Bhuvan