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

KRC Sep 07, 2017

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
Bhushan Nagaraj Atlassian Team Sep 07, 2017

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

KRC Sep 08, 2017

Thank you for sharing your knowledge.

KRC Sep 08, 2017

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

Rajat Sethi Jun 04, 2018

Thanks Bhushan!! This was really helpful. 

Bhushan Nagaraj Atlassian Team Jun 05, 2018

You are welcome @Rajat Sethi :)

Daniel Obst Oct 19, 2018

Does this work for Cloud Versions?

Bhushan Nagaraj Atlassian Team Oct 21, 2018

@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
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published in Jira

Try Jira Cloud for Outlook: Organize your work without leaving your inbox

Hi Atlassian community, My name is Max and I work on the product integration team at Atlassian. I am pleased to announce the early access program for the Jira Cloud add-in for Outlook. This add-in...

794 views 0 12
Read article

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