It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Custom filed drop down with colors- NO ADD ON PURCHASE Edited

Hi

How do i set up a custom field called Type with drop-down options as Red, Green Yellow. if users select red, ticket shows "Type: Red" as text and background color of the text in red and if user selects option two green, then it should say green and text background as green?

I used this html , but dropdown shhows with colored background, but i need that value to displayed as needed. how can i achieve this?

<html>
<body><select>
<option value="1" style="background:red">Red</option>
<option value="2" style="background:yellow">Yellow</option>
<option value="3" style="background:green">Green</option>
</select>
</body>
</html>

1 answer

1 accepted

2 votes
Answer accepted

Hi KRC,

Please see image attached. 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.

lozenge-field.png

For future reference, the Atlassian Design Guidelines (ADG) documentation is available at https://docs.atlassian.com/aui/latest/docs/lozenges.html

Thanks

Bhushan

Thank you for sharing your knowledge.

Is there a similar way to make custom date field stand out on the ticket by making it bold or adding color or something?

Thanks Bhushan!! This was really helpful. 

You are welcome @Rajat Sethi :)

Does this work for Cloud Versions?

@Daniel Obst no I have not tested this in Cloud and this may not work in Cloud. 

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted in Jira

Calling all Jira Cloud users! Give us feedback on our exploration of a new navigation.

Hi everyone! My name’s Matt and I’m a product manager at Atlassian. I work in the navigation & findability space for all our Jira Cloud products. We’ve been working on trying to improve the exp...

1,060 views 16 12
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you