Find your people. Pick a challenge. Ship something real. The CreatorCon Hackathon is coming to the Community Pavilion for one epic night. Every skill level, every role welcome. Join us on May 5th and learn more here.

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
Kilo Patron

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