How do I change the field background colour?

ChuanYanF
Tera Guru

Dear experts,

 

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

ChuanYanF_0-1755487568915.png

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.

ChuanYanF_1-1755488033033.png

 

2 ACCEPTED SOLUTIONS

@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,

Bhuvan_0-1755660392281.pngBhuvan_1-1755660406682.png

Bhuvan_4-1755660707083.png

Bhuvan_2-1755660423341.pngBhuvan_3-1755660433376.png

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

View solution in original post

@ChuanYanF 

 

Glad to know it is working now. I can see there is a known issue in applying field styles for read-only fields and problem record is PRB663205. Not sure if enhancement request for this feature is made available,

 

https://www.servicenow.com/community/servicenow-ai-platform-forum/feature-request-apply-styles-to-re...

 

I have seem some community solutions but not sure if it would work and would recommend to uncheck 'Read Only' from dictionary and if you want to enforce it, do so from UI Policy.

 

See below for sample UI policy, change filter conditions to suit your requirement

Bhuvan_0-1755679096101.png

'u_final_scoring' field is read-only and styles would work with this option,

Bhuvan_1-1755679175837.png

I hope you appreciate the efforts in providing this solution and would mark the post helpful and accept the solution.

 

Thanks,

Bhuvan

View solution in original post

24 REPLIES 24

Bhuvan
Kilo Patron

@ChuanYanF 

 

Go to table -> select field -> Configure Styles. Create desired background for the table and field using below  syntax

 

background-color: <color or HEX Code>;
//sample code
background-color: tomato;

Bhuvan_0-1755491933651.png

Bhuvan_1-1755488762489.png

If this helped to answer your query, please accept the solution and close the thread.

 

Thanks,

Bhuvan

Hi Bhuvan,

 

I already tried your solution but apparently mine is still gray in color. Why tho?

ChuanYanF_0-1755493418447.png

 

Hi @ChuanYanF ,

 

can you clear cache and check?

In Navigator, type cache.do and click "clear cache" link and log out and log in again then verify your field

Clear your browser's cache as well, as cached styles can prevent new styles from being displayed.

 

Also, To apply field styles on both lists and forms, leave the "Value" field blank in the Configure Styles record. If you need conditional styling based on a field's value on a form, a Client Script is required.

If I could help you with your Query then, please hit the Thumb Icon and mark as Correct !!

 

Thanks, GP

@ChuanYanF 

 

Is this out of box field or custom field ? 

 

Can you share field name and screenshot of any sample record in the table. I am not able to locate field 'Outsourcing assessment: Outcome' in table 'sn_vdr_risk_asmt_vdr_tiering_assessment'

 

Thanks,

Bhuvan