Want to change the color of Process flow.

meyananth
Kilo Contributor

‎01-24-2017 02:52 AM

Hi Team,

I would like to change the background color of the process flow as like the header color. Want to update the background color for the completed phase only instead of marking the phase with Tick mark.

Version: Helsinki

find_real_file.png

Please share your comments to achieve.

Thanks

Meyananth

Preview file
20 KB
0 Helpfuls
  • 2,401 Views
2 REPLIES 2

amaradiswamy
Kilo Sage

‎01-24-2017 03:35 AM

Hi Meyananth,



The below link may be useful.



Re: How can I change colors on the Process Flow Formatter based on the different values?



Thanks and regards


Swamy


0 Helpfuls

Community Alums
Not applicable

‎01-24-2017 03:52 AM

Hi,


To do this you would need to go to System UI ---> Formatters ---> Search for the table you have the "process flow" in ----> Open the UI Formatter ----> Related Links ----> View UI Macro for this formatter.



Now comes the important part you need to modify it's XML code.First add a class to the <ol> element.
It should probably be somewhat like, you can modify it accordingly.



<style>


  ol.custom-flow {


      display: table;


      width: 100%;


      color: grey;


  }



  ol.custom-flow li {


      display: table-cell;


      text-align: center;


  }


</style>



#Tip - Create a copy of the formatter and make changes in that rather than changing the original one, if it works simply replace the original one with the copy using configure form.


Source (not the same thing but somewhat similar process) :
https://community.servicenow.com/thread/178743#779219


0 Helpfuls