Get product advice from experts

Ask a question →

Join a community group

Find a group →

Advance your career with learning paths

Take a free class →

Earn badges and rewards

Connect and share ideas at events

See the calendar →

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

Custom filed drop down with colors- NO ADD ON PURCHASE

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

3 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

Answered a similar question at https://community.atlassian.com/t5/JIRA-questions/Can-AUI-Lozenges-be-used-with-custom-fields-in-Jira/qaq-p/636865

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

Comment

Like

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

Like

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

Like

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

Like

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

Like

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

Like

@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

Like

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

Reply

Suggest an answer

Log in or Sign up to answer

Was this helpful?

Thanks!

TAGS

Community showcase