# Show an element

**URL:** <https://forum.bubble.io/t/show-an-element/107789>\
**Category:** Need help\
**Created:** [August 23, 2020, 2:22pm UTC](https://forum.bubble.io/t/show-an-element/107789 "2020-08-23T14:22:41Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![quidsicurezza](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/quidsicurezza/32/67196_2.png) [@quidsicurezza](https://forum.bubble.io/u/quidsicurezza)\
**Post date:** [August 23, 2020, 2:22pm UTC](https://forum.bubble.io/t/show-an-element/107789/1 "2020-08-23T14:22:42Z")

</div>

I need items to be shown on a page only when a dropdown menu option is selected. thank you!

---

<div class="post-metadata">

**Author:** ![mikeloc](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mikeloc/32/93001_2.png) [@mikeloc](https://forum.bubble.io/u/mikeloc)\
**Post date:** [August 23, 2020, 2:55pm UTC](https://forum.bubble.io/t/show-an-element/107789/2 "2020-08-23T14:55:43Z")

</div>

Hi there, @quidsicurezza… on the elements you want to show, uncheck the box for _This element is visible on page load_, and then add a conditional on each element (or you could group the elements and do it at the group level) that is something like…

When dropdown element’s value is some specific value (or is not empty, if you don’t care what the value of the dropdown is)

… and then select the _This element is visible_ option and make sure the checkbox is checked.

Hope this helps.

Best…  
Mike

---

<div class="post-metadata">

**Author:** ![sharma.himanshu0608](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sharma.himanshu0608/32/81321_2.png) [@sharma.himanshu0608](https://forum.bubble.io/u/sharma.himanshu0608)\
**Post date:** [August 23, 2020, 2:58pm UTC](https://forum.bubble.io/t/show-an-element/107789/3 "2020-08-23T14:58:11Z")

</div>

1. Put the elements in a group.
2. Uncheck ‘Visible on page load’ for the group.
3. Create a custom state on the page e.g. Visible of type Yes/No.
4. In the workflows, create a condition - When Dropdown’s value is XYZ \> Set state to Yes
5. In the group that you want to hide/unhide, set a conditional statement that when the custom state is Yes; this element is visible

---

<div class="post-metadata">

**Author:** ![quidsicurezza](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/quidsicurezza/32/67196_2.png) [@quidsicurezza](https://forum.bubble.io/u/quidsicurezza)\
**Post date:** [August 23, 2020, 3:23pm UTC](https://forum.bubble.io/t/show-an-element/107789/5 "2020-08-23T15:23:35Z")

</div>

I don’t know what instructions to give to make it appear only if the user selects a specific item in the dropdown  
Thanks!

---

<div class="post-metadata">

**Author:** ![quidsicurezza](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/quidsicurezza/32/67196_2.png) [@quidsicurezza](https://forum.bubble.io/u/quidsicurezza)\
**Post date:** [August 23, 2020, 3:24pm UTC](https://forum.bubble.io/t/show-an-element/107789/6 "2020-08-23T15:24:34Z")

</div>

Sorry but I’m a beginner, what do you mean by “custom state”?  
Thanks!

---

<div class="post-metadata">

**Author:** ![mikeloc](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mikeloc/32/93001_2.png) [@mikeloc](https://forum.bubble.io/u/mikeloc)\
**Post date:** [August 23, 2020, 3:43pm UTC](https://forum.bubble.io/t/show-an-element/107789/7 "2020-08-23T15:43:27Z")

</div>

@quidsicurezza, it depends on how you have the dropdown set up, but if you are using static choices, you can literally type the value of the specific item after selecting _is_ in the conditional (although, be careful there because if you ever change the item values in the dropdown, your conditionals will break).

Best…  
Mike

---

<div class="post-metadata">

**Author:** ![sharma.himanshu0608](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sharma.himanshu0608/32/81321_2.png) [@sharma.himanshu0608](https://forum.bubble.io/u/sharma.himanshu0608)\
**Post date:** [August 23, 2020, 4:04pm UTC](https://forum.bubble.io/t/show-an-element/107789/8 "2020-08-23T16:04:11Z")

</div>

A simpler alternative is what @mikeloc has mentioned. You can do away with the custom state and simply use the drop-down option value

---

<div class="post-metadata">

**Author:** ![telaholcomb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/telaholcomb/32/66534_2.png) [@telaholcomb](https://forum.bubble.io/u/telaholcomb)\
**Post date:** [August 24, 2020, 5:10am UTC](https://forum.bubble.io/t/show-an-element/107789/9 "2020-08-24T05:10:16Z")

</div>

Here’s how you’d make it appear when user selects a specific item in the dropdown:

Here’s the editor in case you want to look at it from there:

> **[Bubble Editor - Test-pif](https://bubble.io/page?type=page&name=change_w_dropdown&id=test-pif&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

---

<div class="post-metadata">

**Author:** ![quidsicurezza](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/quidsicurezza/32/67196_2.png) [@quidsicurezza](https://forum.bubble.io/u/quidsicurezza)\
**Post date:** [August 24, 2020, 6:48am UTC](https://forum.bubble.io/t/show-an-element/107789/10 "2020-08-24T06:48:42Z")

</div>

Thank you!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [November 1, 2020, 2:22pm UTC](https://forum.bubble.io/t/show-an-element/107789/11 "2020-11-01T14:22:44Z")

</div>

Closed on November 1, 2020, 2:22pm UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
