# How to achieve this

**URL:** <https://community.glideapps.com/t/how-to-achieve-this/36314>\
**Category:** Ask for Help\
**Created:** [December 24, 2021, 5:03am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314 "2021-12-24T05:03:02Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 24, 2021, 5:03am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/1 "2021-12-24T05:03:02Z")

</div>

Hi

I have to use multiple choice component

Having 1st choice as family, friends,relatives  
If I click family the second choice component should pop up values as horizontal, vertical,collage and vice versa.any examples?

---

<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:** [December 24, 2021, 5:15am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/2 "2021-12-24T05:15:21Z")

</div>

You want to filter your second choice component based on the selection made in your first choice component?

You can either filter using [Screen Values](https://docs.glideapps.com/all/topics/values/screen-values), or target your choice components at User Specific columns, and filter on those.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 24, 2021, 5:36pm UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/3 "2021-12-24T17:36:25Z")

</div>

Hi  
I have a problem with design

Have 2 choice component and 3 inline list.

Reason for 2 choice is displaying the photos appropriately in inline list.

Reason for 3 inline list is to display the data in 3 different ways.

Horizontal I would show in horizontally in 4:3 tile  
Vertically in 3:4  
Collage in 3:4 n tiles per row as 1

Any suggestions?

Anything wrong?

Developing an app for storing photos of wedding photos

---

<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:** [December 24, 2021, 11:01pm UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/4 "2021-12-24T23:01:12Z")

</div>

Okay, so one choice component to use as a filter, and the second one to control visibility.  
That should all work fine, have you tried?

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 25, 2021, 3:44am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/5 "2021-12-25T03:44:11Z")

</div>

Yes I tried it but straightaway it throws error from 2nd choice ,both are pointing to same data column.why?

I’m not comes to the conclusion how to construct this.

---

<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:** [December 25, 2021, 5:29am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/6 "2021-12-25T05:29:59Z")

</div>

Pointing them at the same column won’t work.  
You need 2 user specific columns, one for each choice component.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 25, 2021, 5:31am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/7 "2021-12-25T05:31:39Z")

</div>

I will do one thing,i will first create the design as multiple choice with a single choice component and then we will see where it goes.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 25, 2021, 11:45am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/8 "2021-12-25T11:45:10Z")

</div>

Hi Darren,  
Have created with 2 choice component and a inline list.

Selfie, family,relatives 1St choice - category

Vertical, horizontal 2nd choice - category type

I have seen @Robert_Petitto video and did.Its working correctly.

But I need to add collage in the category type.  
Collage should display photos based on two choice component

Also I want to like this,

Category - family  
Category type - horizontal  
inlinelist display photos horizontally now it has only one inline list design to 3:4

> **[Wedding Photo's](https://resilient-pizzas-2989.glideapp.io/)**

---

<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:** [December 25, 2021, 12:08pm UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/9 "2021-12-25T12:08:39Z")

</div>

I’m not sure what you are asking from me.  
If you want me to help, you’ll need to show me what you have, how it is configured, and tell me how you want it to work.

I can’t look at your app, as it requires a password.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 25, 2021, 6:32pm UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/10 "2021-12-25T18:32:43Z")

</div>

Hi Darren,

Based on the selection of 2 choice component displays the images correctly.Have tested.

But i need, collage option as choice component to displays images in inline list but it should look as collage by inline list.  
Also horizontal photos displays horizontally - 4:3 tile shape

> **[Wedding Photo's](https://resilient-pizzas-2989.glideapp.io/)**

Now no password and it is copyable.

---

<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:** [December 26, 2021, 1:25am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/11 "2021-12-26T01:25:22Z")

</div>

Okay, I’ll take a look today.  
Can you explain exactly what you mean by “collage option”? There is no such option in Glide, so maybe you mean something else?

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 26, 2021, 2:41am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/12 "2021-12-26T02:41:06Z")

</div>

Collage is something collection of photos randomly into single photos.

In simple multiple pictures in single photo.

> [@Is there any option to make photo collage inside glide](https://community.glideapps.com/t/is-there-any-option-to-make-photo-collage-inside-glide/35617):
>
> Photo collage inside the glide app.is it possible? May be use of css?

It looks like this but in a different alignment.

 ![IMG_20211226_080958](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/5/859fd039b669686268bc2818b6c294a5a5d83a5d.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:** [December 26, 2021, 3:05am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/13 "2021-12-26T03:05:02Z")

</div>

Is this what you are looking for?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [December 26, 2021, 3:22am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/14 "2021-12-26T03:22:20Z")

</div>

I think he’s looking for something like this.

> **[How To Create an Image Grid](https://www.w3schools.com/howto/howto_js_image_grid.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 26, 2021, 3:26am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/15 "2021-12-26T03:26:18Z")

</div>

Collage is ok.i don’t want to use css.this one is okay.  
Horizontal means the photo taken horizontally display in a horizontal tile shape(4:3) but vertically listed one by one.

---

<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:** [December 26, 2021, 3:43am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/16 "2021-12-26T03:43:30Z")

</div>

Okay, try this

> **[Wedding Photo's](https://succinct-fold-2815.glideapp.io/)**

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 26, 2021, 4:30am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/17 "2021-12-26T04:30:01Z")

</div>

Whether required is necessary?  
But I want a single selection too.

And i need to view all photos too.

is any reason these things to be put off?

---

<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:** [December 26, 2021, 4:35am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/18 "2021-12-26T04:35:44Z")

</div>

You can change all those things

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 26, 2021, 4:41am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/19 "2021-12-26T04:41:46Z")

</div>

I will do testing and inform you.thanks a lot.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 26, 2021, 6:50am UTC](https://community.glideapps.com/t/how-to-achieve-this/36314/20 "2021-12-26T06:50:46Z")

</div>

is it copyable?

[Next page](https://community.glideapps.com/t/how-to-achieve-this/36314.md?page=2)
