# creating drop-down menu that changes color

**URL:** <https://forum.bubble.io/t/creating-drop-down-menu-that-changes-color/350707>\
**Category:** Database\
**Created:** [December 3, 2024, 8:34pm UTC](https://forum.bubble.io/t/creating-drop-down-menu-that-changes-color/350707 "2024-12-03T20:34:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![eudesjonathas](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eudesjonathas/32/236525_2.png) [@eudesjonathas](https://forum.bubble.io/u/eudesjonathas)\
**Post date:** [December 3, 2024, 8:34pm UTC](https://forum.bubble.io/t/creating-drop-down-menu-that-changes-color/350707/1 "2024-12-03T20:34:55Z")

</div>

![dropdown engage](https://us1.discourse-cdn.com/bubble/original/3X/0/7/07258ab48b9c8f364fe07215ccacf953c742432b.jpeg)  
 ![dropdown status](https://us1.discourse-cdn.com/bubble/original/3X/6/9/6953cc4014db1e8ace30a30bb1a6a1e842dbdb46.jpeg)  
Personally, my question is how can I leave each selected option with a custom color such as green for “delivered”, red for “stopped” and orange for “In Progress” of the status of a task

---

<div class="post-metadata">

**Author:** ![aryan2003dikshit](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@aryan2003dikshit](https://forum.bubble.io/u/aryan2003dikshit)\
**Post date:** [December 3, 2024, 8:42pm UTC](https://forum.bubble.io/t/creating-drop-down-menu-that-changes-color/350707/2 "2024-12-03T20:42:06Z")

</div>

create an option set and set a conditional that when the option sets option is delivered the colour is green, stopped is red etc.

---

<div class="post-metadata">

**Author:** ![gustavosales0809](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gustavosales0809/32/235926_2.png) [@gustavosales0809](https://forum.bubble.io/u/gustavosales0809)\
**Post date:** [December 3, 2024, 9:05pm UTC](https://forum.bubble.io/t/creating-drop-down-menu-that-changes-color/350707/3 "2024-12-03T21:05:53Z")

</div>

sim, é muito facil de fazer até

só ir em conditional e pedir para ele puxar a informação corespondente  
[em andamento/Parado/Entregue]  
dai fala se informação = Entregue → cor sera verde  
e assim por diante, se nn estiver conseguindo fazer manda o link do seu app em uma mensagem para mim que eu faço

---

<div class="post-metadata">

**Author:** ![igorvboas](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/igorvboas/32/217274_2.png) [@igorvboas](https://forum.bubble.io/u/igorvboas)\
**Post date:** [December 4, 2024, 7:26pm UTC](https://forum.bubble.io/t/creating-drop-down-menu-that-changes-color/350707/4 "2024-12-04T19:26:13Z")

</div>

You can do this directly in the conditional field in the Element. Follow this step-by-step guide here and you won’t miss anything:

1. In your element, go to the “Condition” tab.
2. In “When” write your condition: value=“DESIRED\_VALUE”.
3. Select the property you want to change

Since in your case you have 3 options, you can leave one of them as the element’s default color and create two more conditions, one for each desired value.

Take a look at the image I’m sending here.

 ![Captura de tela 2024-12-04 162526](https://us1.discourse-cdn.com/bubble/original/3X/2/c/2cca3139b213d55ce81733b51f2c0d89544b5516.png)

If you have any questions, just comment here and I’ll help you.