Get a first look at what's coming. The Developer Passport Australia Release Preview kicks off March 12. Dive in! 

show a circle icon based on condtion in list view

pathumharsh
Tera Contributor

s3.png

this is an existing  column of a table, 
I want to add this kind of colored circle based on a condition on my list view, how can I do it

1 ACCEPTED SOLUTION

Dr Atul G- LNG
Tera Patron

That is style in SN. You can  proceed as per the condition.

https://www.servicenow.com/community/developer-blog/understanding-field-styling-in-servicenow-forms-...

 

@Its_Azar 

 

https://www.servicenow.com/community/itom-forum/how-do-i-add-a-style-for-a-list-view-only/m-p/905807

*************************************************************************************************************
Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/dratulgrover [ Connect for 1-1 Session]

****************************************************************************************************************

View solution in original post

4 REPLIES 4

Dr Atul G- LNG
Tera Patron

That is style in SN. You can  proceed as per the condition.

https://www.servicenow.com/community/developer-blog/understanding-field-styling-in-servicenow-forms-...

 

@Its_Azar 

 

https://www.servicenow.com/community/itom-forum/how-do-i-add-a-style-for-a-list-view-only/m-p/905807

*************************************************************************************************************
Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/dratulgrover [ Connect for 1-1 Session]

****************************************************************************************************************

Tanushree Maiti
Tera Sage

Hi @pathumharsh 

 

You can do this with field styles.

See the caller_id on the incident table - how VIP icon has been confifigured .

 

Same way update your planned end date with your custom image and update CSS accordingly.

 

 

Please mark this response as Helpful & Accept it as solution if it assisted you with your question.
Regards
Tanushree Maiti
ServiceNow Technical Architect
Linkedin:

Ankur Bawiskar
Tera Patron

@pathumharsh 

in native list view these are applied via field styles

It's easy to configure and there are lot of OOTB field styles for Date/Time field

Did you check that?

what did you start and where are you stuck?

Define field styles 

see this link for approach shared by @Carl Fransen1 

Multiple style's on field based on date 

Also if you are planning to do this for workspace list then you need to use UX Highlighted Value

Configure a highlighted value for a form header 

💡 If my response helped, please mark it as correct and close the thread 🔒— this helps future readers find the solution faster! 🙏

Regards,
Ankur
Certified Technical Architect  ||  10x ServiceNow MVP  ||  ServiceNow Community Leader

@pathumharsh 

Thank you for marking my response as helpful.

As per community feature you can mark multiple responses as correct.

💡 If my response helped, please mark it as correct as well so that this helps future readers find the solution faster! 🙏

Regards,
Ankur
Certified Technical Architect  ||  10x ServiceNow MVP  ||  ServiceNow Community Leader