# How do id show a "Image Picker" based on "Choice" at "Form" Screen?

**URL:** https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820
**Category:** Ask for Help
**Created:** [March 29, 2023, 1:32am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820 "2023-03-29T01:32:44Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 1:32am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/1 "2023-03-29T01:32:44Z")

</div>

Hi,

I have a custom collection based in my “campaigns” table. I have an Add button using “Show form screen” Action.

Inside this form, i have a “choice” component, that’s has a list coming from “Method” table.

The component “Image Picker” just can be showed when the “choice” component have “Send Image” as method.

How to show and hide component at form screen if the date isn’t in yet?

Does Glider read the “choice” component in real-time?

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 29, 2023, 1:45am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/2 "2023-03-29T01:45:10Z")

</div>

You should be able to set a visibility condition on your Image Picker that references the selected value in your Choice component. Have you tried that?

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 1:59am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/3 "2023-03-29T01:59:46Z")

</div>

That’s my container:

![method](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/d/2d2156aded28ac859b02acc1eff71f7cdeb867e3.jpeg)

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 2:20am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/4 "2023-03-29T02:20:34Z")

</div>

![Visi](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/4/849cb020ae46f6ae60a1684b13d3bea198800c1c.jpeg)

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 29, 2023, 2:24am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/5 "2023-03-29T02:24:05Z")

</div>

You would need a separate visibility condition on each image picker. Something like:

- Image Picker (Image): Show component when Method is Image
- Image Picker (Video): Show component when Method is Video
- etc…

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 2:34am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/6 "2023-03-29T02:34:43Z")

</div>

That’s means i need to have one relation for each picker?

 ![visi 3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/f/ff9c9a0f5c8c16a4ad83cc6cfdf014c383ac96bf.jpeg)

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 29, 2023, 2:38am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/7 "2023-03-29T02:38:57Z")

</div>

Where are you using a relation?  
Is your Choice component writing to a relation?  
Whilst I know that’s possible in some circumstances, it’s not normally the way it’s used.

I think I’m missing a bit of context here. Can you show me how the Choice component is configured?

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 2:44am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/8 "2023-03-29T02:44:48Z")

</div>

The “choice” is coming from “Method” table:

 ![choice component - 1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/d/1dbbdcebfb964467e16d14a3448dec56230fc12d.jpeg)

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 2:45am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/9 "2023-03-29T02:45:27Z")

</div>

The content is:

 ![choice options](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/5/b505a2973eea696e40015ac87401745ba54ef8b5.jpeg)

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 2:46am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/10 "2023-03-29T02:46:48Z")

</div>

The “choice” and picker write’s in the “campaign” table.

 ![image picker 1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/afa59b8ee2da7d66916f903e1af28995399188e9.jpeg)

---

<div class="post-metadata">

### Author: ![MrTechSolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrtechsolutions/32/56366_2.png) [@MrTechSolutions](https://community.glideapps.com/u/MrTechSolutions)
#### Post date: [March 29, 2023, 2:48am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/11 "2023-03-29T02:48:23Z")

</div>

I have four fields, with four pickers:

Video, Audio, Image and Document

Each one write in each related field.

If you choose “Send Video” at “Method Choice”, all the pickets except “Video” need to be hide.

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 29, 2023, 2:59am UTC](https://community.glideapps.com/t/how-do-id-show-a-image-picker-based-on-choice-at-form-screen/59820/12 "2023-03-29T02:59:58Z")

</div>

> [@MrTechSolutions](#):
>
> If you choose “Send Video” at “Method Choice”, all the pickets except “Video” need to be hide.

Yeah, I understand that.

It’s the way that your Choice component is configured that’s causing my head to spin a bit.  
See here below:

 ![CleanShot 2023-03-29 at 10.53.39@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/2/1265b5abb76c91908dbb14844bf4bc1bcfc455dd.png)

You say that the Choice is coming from the Method table (which makes sense), but the way it is configured it looks as though it’s writing back to the same table (which doesn’t make sense).

I know there are some valid use cases for writing a choice selection through a single relation, but to be honest I’ve never understood them. And I don’t think this is one of them.

Can you try the following:

- Add a column in your Campaigns table for Method, and point the Choice “Write to” at this column instead of the relation. You should then be able to specify the source (Content) as your Method table and get the same set of choices, but you can then refer to the Campaigns-\>Method column in your component visibility conditions and check the actual value, rather than checking for empty/not empty.
