Community
Products
Jira
Questions
Custom filed drop down with colors- NO ADD ON PURCHASE

Custom filed drop down with colors- NO ADD ON PURCHASE

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

4 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.

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

Thanks

Bhushan

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Thank you for sharing your knowledge.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

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

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Thanks Bhushan!! This was really helpful.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

You are welcome @Rajat Sethi :)

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Does this work for Cloud Versions?

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

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

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

It does not appear to work in cloud. :(

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Like • like this

For cloud users:

I know its not nice, and a workaround at best, but you CAN add emojis to customfield options. That way, theres at least SOME way to colorcode your values.

Im using this fella, and his red, yellow and whatnot colleagues:

https://emojipedia.org/large-green-circle

Which then looks like this:

Screenshot 2024-08-07 155852.png

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Forums

Product Q&A

Community resources

Support

Top groups

Community resources

Support

Learn

Community resources

Support

Events

Community resources

Support

Custom filed drop down with colors- NO ADD ON PURCHASE

1 answer

1 accepted

Suggest an answer

Was this helpful?

Thanks!

TAGS

Community showcase

Atlassian Community Events

Forums

Product Q&A

Community resources

Support

Top groups

Community resources

Support

Learn

Community resources

Support

Events

Community resources

Support

Custom filed drop down with colors- NO ADD ON PURCHASE

1 answer

1 accepted

Suggest an answer

Was this helpful?

Thanks!

TAGS

Community showcase

Atlassian Community Events

Welcome to the new Atlassian Community