Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

How To change custom field options to different colors?

Bunty
Contributor
October 26, 2018

For Example: In our project, there is a custom field(single select list) called  "Test Data Status" it has two options:

1. work in Progress

2. Completed.

I want to change 1st option to green color and 2nd option to blue color. 

Is it possible??

Thanks,

Manikanta 

3 answers

1 accepted

4 votes
Answer accepted
Amirul Ikhwan Omar
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
October 28, 2018

You need to set each option with a span and class set to aui-lozenge aui-lozenge-success/error/current, etc. Notice the single quotes and not double quotes.

image.png

You can find more lozenge type here in https://docs.atlassian.com/aui/7.9.9/docs/lozenges.html.

 

If you are looking for more customizable custom field there is a third-party plugin for that:

Bunty
Contributor
October 28, 2018

Hi @Amirul Ikhwan Omar,

Thanks a lot. It worked.

Amirul Ikhwan Omar
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
October 28, 2018

Hi Manikanta,

Good to know it worked :)

Slava Gefen
Contributor
February 3, 2022

Thanks, it helped 🙏

Pero Medic January 24, 2023

Really cool, thanks!

1 vote
Andrew Robinson
Contributor
March 18, 2022

This doesn't work with JIRA Cloud as html isn't allowed. I found a way around it on another community post so just leaving this comment here so people like me can find it.

See solution in this link that uses standard emojis to produce standard RAG colors.

https://community.atlassian.com/t5/Jira-questions/Is-there-a-way-to-configure-different-colors-for-values-in-a/qaq-p/1394489

Anna Karina Nava
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
April 14, 2022

thanks so much!

Like Andrew Robinson likes this
0 votes
Josemar Parreira
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
May 28, 2024

Hi @Anna Karina Nava and @Bunty  I also needed this function and didn't find it natively, an alternative I'm using is the following:
You need to be a Windows user, I don't know if it would work on another operating system.
When filling in the options in the field, press the windows and period keys, this will open a window with many options of icons and colors, so you can use one of them.color.png

 

Slava Gefen
Contributor
June 17, 2024

Yep, it's exactly the same we are currently using in Cloud too:

Capture1.PNG Capture2.PNG Capture3.PNG

 

And if you are not on Windows, you can easily copy these 'emojis' from the Internet 👍✅

 

With kind regards
Slava

Like Josemar Parreira likes this

Suggest an answer

Log in or Sign up to answer