# Design an inline list based on choice component

**URL:** <https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389>\
**Category:** Ask for Help\
**Created:** [November 11, 2021, 11:15am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389 "2021-11-11T11:15:40Z")\
**Posts on this page:** 16\
**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:** [November 11, 2021, 11:15am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/1 "2021-11-11T11:15:40Z")

</div>

Is it possible to design like this?

 ![Screenshot_2021-11-11-16-41-36-611_com.android.chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/206e2004518bfa4e28df0506552962aefe15cea5.jpeg)

Have selected what’s new in choice component it display the results based on filtering date added by today

But for clothing it’s also display the same data.but I need different data to be designed differently by adding tiles for category based on category type  
Category type :saree, chudidhar,tops,pants  
Category:whatsnew, clothing, favourite

What needs to be done to link all these? whether I need different inline list?

For favourite it’s needs to be display favourited.

Is it possible to do this?

> **[Clothing Store](https://merciful-baseball-6124.glideapp.io/)**

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 11, 2021, 12:25pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/2 "2021-11-11T12:25:41Z")

</div>

Assuming you’re already writing the choice component to a user-specific column, what you need to do is have 3 different inline lists and show them based on the user-specific column’s value.

---

<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:** [November 12, 2021, 7:29am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/3 "2021-11-12T07:29:45Z")

</div>

Not working.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 12, 2021, 7:38am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/4 "2021-11-12T07:38:38Z")

</div>

Please explain more on what you see on your end, we can’t help you it you just say it’s not working. Either attach a video to explain your settings and your expected result, or some screenshots.

---

<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:** [November 12, 2021, 7:46am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/5 "2021-11-12T07:46:48Z")

</div>

Will explain with screenshot.Good news is I’m getting values in the table.i have missing something in the design.thats there I need your help.

---

<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:** [November 12, 2021, 9:57am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/6 "2021-11-12T09:57:07Z")

</div>

Hi  
Attached all my screens,

These are the two tables i have used.  
Productlist table

 ![a9](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/3/6375f876ae915334e6efe74ea9258a32fc414428.jpeg)  
 ![a10](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/5/258b556f30c9bea6cd73b40ced01f4d923cfa7ee.jpeg)  
 ![a11](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/d/ed2cde8a6a9e3baf926843064b2b0531856e6369.jpeg)

Category table

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

My home page

 ![a8](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/20efa5d2c393eb934d89e3b69608003fe4708bfe.jpeg)

here i get this value for whats new choice with the date added is today.have one value its listed in whats new.

 ![a7](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/ee466cb4c72d98b5d992ea34208b183d34ce9c25.jpeg)

But the same values coming for clothing and favourites which shouldn’t.

 ![a1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/0/008de5999646639ef0f723771dfcb6d30152cdee.jpeg)  
 ![a4](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/3838cc0560a38b02521f594dc0936b9f8fc04484.jpeg)  
 ![a5](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/3/93c521eef7a2458aa772fa4389529f7e2f8ba158.jpeg)  
 ![a6](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/4/44d34a3df3c61cdea2452809f2cd995b154aea08.jpeg)

so i created 3 if columns separetely in the productlist table and get values as whatsnew by dateadded is today,clothing by dateadded is on or before today,and favourites from is favourited column is true.

And created a relation column in category table for 3 choices and gets the values in tables which is what i needed.

But couldn’t display it by selecting choices in home page.all 3 choices displaying only the same values.

Choice component

 ![a12](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/199007d9e2d66c1073550cf06d9b3ac5f33982aa.jpeg)

Thanks

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 12, 2021, 10:43am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/7 "2021-11-12T10:43:09Z")

</div>

You only have one inline list there with the filter fitting for “What’s New”. You should have 3 of them, and show/hide them accordingly based on your user-specific choice.

---

<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:** [November 12, 2021, 10:59am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/8 "2021-11-12T10:59:29Z")

</div>

I not understand what you are saying.

How can I show/hide the inline list bases on user specific choice.

I’m really not understanding with this.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 12, 2021, 11:38am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/9 "2021-11-12T11:38:31Z")

</div>

Your choice component is writing to a field in your database. I mean you should use that value to show/hide the inline lists (conditional visibility).

---

<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:** [November 12, 2021, 12:13pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/10 "2021-11-12T12:13:25Z")

</div>

Yes the choice component which I selects is writing in the user specific column.if I select what’s new,it’s writting on the user specific choice column and vice versa for other 2 choices.thats fine.how to write condition for this?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 12, 2021, 12:58pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/11 "2021-11-12T12:58:37Z")

</div>

> **[Component Visibility](https://docs.glideapps.com/all/reference/conditions/component-visibility)**

> **[User Profiles](https://docs.glideapps.com/all/reference/security-and-per-user-data/user-profiles#component-visibility)**

---

<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:** [November 13, 2021, 10:00am UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/12 "2021-11-13T10:00:01Z")

</div>

Hi @Jeff_Hager @ThinhDinh

Now i have created 3 inline list.But still i have problems showing the data.

Now solving one issues that is getting the same values in the 3 choices.this is solved.  
But im getting the data for what’s new choice correctly by giving visibility conditions and empty data for other 2 choice.

Im giving the visibility condition for other 2 choices but its not getting the data.thats the problem im facing.why ?

 ![b1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/f/ef380b9a956c6608db98fd92b3dfe70359f1ac9c.jpeg)  
 ![b2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/5/35289a7be68a6dc3a08afd5e85802bb10de6a353.jpeg)  
 ![b3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/0/e040582795ff1e3dcaeb0385d315390f5d5a2a5a.jpeg)  
 ![b4](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/9/09b6a453e6287435b16b170a0914c9d2780df511.jpeg)  
 ![b5](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/b/0b0e8da72c7b7f9ba614dbe9ac8ecee9cc02d799.jpeg)  
 ![b6](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/2860a05b147d5f5099742723c985945fc13540e4.jpeg)  
 ![b7](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/a/5a49aac181c6872fc919877237a083f2ebef2500.jpeg)

I think i have 3 relaation column created in the category table getting datas correctly. but i have a choice field in the order as 1.What’s New 2.Clothing 3.Favourites  
Next column the choice field ,getting values by selecting in the editor in the first position parallel to What’s new choice.its comes only in the first position so its getting only the data which has values of whats new.

i changed the first choice as clothing ,its getting correct data.so i want to know how to change the position of this choice values in the choice column.

Is there any way to move this choice values instead of 1st position?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 13, 2021, 2:30pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/13 "2021-11-13T14:30:42Z")

</div>

You don’t need any relations. Just point each inline list to the products sheet. Don’t use the relations. It’s not working because you are only displaying the first row of your categories table and you only have the what’s new relation filled in that first row.

---

<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:** [November 13, 2021, 5:01pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/14 "2021-11-13T17:01:10Z")

</div>

Hi Jeff,

Check this n confirm

> **[Clothing Store](https://merciful-baseball-6124.glideapp.io/)**

Now the values of 3 inline list is retrieve correctly.no pbm in that.

But I want to show if I click what’s new it should show only inline list 1

Clothing should show inlinelist 2  
Favourite should show inlinelist 3.

But it’s showing in all the three the same thing.

I don’t have a field of category what’s new, clothing, favourite as a category values in product table.is it that because it is not coming?

I have this value only in category table.

---

<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:** [November 13, 2021, 6:17pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/15 "2021-11-13T18:17:31Z")

</div>

Jeff,  
Now if I select what’s new choice, displays inlinelist 1 and inline list 3

Clothing lists all 3 inline list

Favourite list inline list 1

Don’t know whats happening.

Gave some condition in visibility of each inline list.

---

<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:** [November 15, 2021, 4:49pm UTC](https://community.glideapps.com/t/design-an-inline-list-based-on-choice-component/34389/16 "2021-11-15T16:49:47Z")

</div>

I just quit this concept.i have some problem with this concept of getting the data.thank you.
