# Unable to add choice component to layout

**URL:** <https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647>\
**Category:** Ask for Help\
**Created:** [May 25, 2024, 1:43pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647 "2024-05-25T13:43:38Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [May 25, 2024, 1:43pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/1 "2024-05-25T13:43:38Z")

</div>

I am unable to add choice component in my layout, despite refreshing my layout page multiple times I am unable simply add this I don’t the reason behind 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:** [May 25, 2024, 2:08pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/2 "2024-05-25T14:08:46Z")

</div>

Is there a column in the table that can accept the choice component input?  
Also, is there at least one row in the table?

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [May 25, 2024, 2:21pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/3 "2024-05-25T14:21:00Z")

</div>

There are multiple rows in the table and multiple column and yes there is a column that can accept choice

---

<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:** [May 25, 2024, 2:27pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/4 "2024-05-25T14:27:03Z")

</div>

So when you try to add a choice component, what actually happens?

Can you show me a screen shot of the table that is the source of the screen you are trying to add it to?

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [May 26, 2024, 8:53am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/5 "2024-05-26T08:53:43Z")

</div>

Nothing happens I am not sure what to send you in screenshot

 ![1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/f/9f00a78792af9577ca7abeee424ed896baaf8a1f.png)  
 ![2-Clicked](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/e/5e85737cb1ba123c62fb212c115bf0c9089c5e3a.png)  
 ![3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/c/bc62aa7b1f477537cceca3ef93cc3a0f5927f361.png)

---

<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:** [May 26, 2024, 9:36am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/6 "2024-05-26T09:36:35Z")

</div>

They are screenshots of the layout. I was asking for a screenshot of the table that the layout is attached to - from the Data Editor.

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [May 26, 2024, 9:50am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/7 "2024-05-26T09:50:11Z")

</div>

I want to add choice over Meter Type

 ![Screenshot 2024-05-26 114841](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/0/50b98ffddc44a4c774ee0bf2f076620b4a4d6ebc.png)

---

<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:** [May 26, 2024, 10:13am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/8 "2024-05-26T10:13:10Z")

</div>

What is your Data Source?  
Is that a Big Table, or an SQL data source?

I’m not sure, but could the issue be that your data source is read only?

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [May 26, 2024, 10:14am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/9 "2024-05-26T10:14:46Z")

</div>

Mysql

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [June 5, 2024, 10:54am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/10 "2024-06-05T10:54:28Z")

</div>

My Data source is not read only and I removed all constraints but stilll I am unable to add choice component

---

<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:** [June 5, 2024, 11:36pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/11 "2024-06-05T23:36:46Z")

</div>

What constraints have you removed? Is the screen you’re viewing actually tied to a row?

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [June 7, 2024, 9:19am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/12 "2024-06-07T09:19:10Z")

</div>

We removed all the dead constraints and screen is attached to specific row using using Glide Relation

---

<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:** [June 7, 2024, 9:34am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/13 "2024-06-07T09:34:19Z")

</div>

Not sure what you mean by “attached to specific row using Glide relation”. Can you attach some screenshots on how you navigate to that row?

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [June 7, 2024, 10:02am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/14 "2024-06-07T10:02:48Z")

</div>

![7June2024](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/0/00454b34814291d85bf1c14fb162850268e90d16.jpeg)  
I have marked the row in yellow from which data is coming into the layout. Basically, I am displaying this row’s data in a list. Now, because this row is linked to a table (using a glide relation), I want to add a choice over a column in this relation, which is marked in blue.

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [June 7, 2024, 12:54pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/15 "2024-06-07T12:54:31Z")

</div>

Do you need more information from my end ?

---

<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:** [June 7, 2024, 11:25pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/16 "2024-06-07T23:25:16Z")

</div>

I was asking to see if your screen where you want to place a choice component is actually tied to a row. There are cases where we have filters on the tab/screen level that makes the tab/screen floating in no man’s land, and I assume in those cases you can not attach a choice component because there’s no basic column to write to.

Thus, I need info about your front end, more than your back end, but an explanation on both would be nice (how the front end components are tied to your back end).

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [June 11, 2024, 11:50am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/18 "2024-06-11T11:50:26Z")

</div>

I have a Property table (think of it as a building). Then there is a PropertyUnit table (think of the units as apartments) inside the Property (i.e., building). There is also a Meter table, which contains meter information for each property. The Meter table has a foreign key, propertyUnitID, linking it to the PropertyUnit table. It has another foreign key, but we’ll skip that for now. Note: There can be 3-4 meters attached to a single property unit.

Now, my data source is set up as follows: I created a table using a query to get all values from the Property table (Table Property). I created another query which gives all property units and meters inside that property (Table B (Property Unit and Meter Relation in screenshot).

Next, I established a relation between the Property table and Table B (property Unit and Meter Relation in Screenshot). Now I use this table for my first screen I display list of all properties

 ![PropertyUnitTable](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/2/72d0901b20312e174d8e436a91fbc1769c1f8584.jpeg)

For the layout details: I show a list of all properties on my first screen. Once a property is selected from this list, we arrive at the second screen. On this screen, I can use Table B (Property Unit and Meter Relation) to show another list of property units and meter inside this property. I’ve merged property units and meters into a single table (Table B - Property Unit and Meter Relation Relation). Now instead of displaying property unit detail on this next screen I am using all content of meter from Table B so it shows all meter of property units on screen (see screenshot)

Now, I want to add a choice component over this inner list so that the user can select the meter type and he will be shown all meter inside the property. As mentioned, there are 3-4 meters attached to a single property unit, but I am unable to add a choice component on my second screen.

 ![InnerList](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/d/ad58b0ad6811f936fad9672792b3d9865df7ddc2.jpeg)

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [June 11, 2024, 11:58am UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/19 "2024-06-11T11:58:17Z")

</div>

On your last screen does it help if you add a custom  
Collection with the propertyUnitAndMeterTable relation as its source and a choice component inside your custom collection?

Assuming you have a basic column to hold the choice value in your propertyUnitAndMeterTable I think that should work

---

<div class="post-metadata">

**Author:** ![Namra](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@Namra](https://community.glideapps.com/u/Namra)\
**Post date:** [June 11, 2024, 12:09pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/20 "2024-06-11T12:09:58Z")

</div>

Hello Thank you for responding. Unfortunately, I don’t get your question/explanation

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [June 11, 2024, 12:15pm UTC](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647/21 "2024-06-11T12:15:52Z")

</div>

If you want to add a choice component inside of a list the only way to do that is with a custom collection.

I’m suggesting to add a custom collection to your screen. The source of that custom  
Collection should be your propertyUnitAndMeterTable relation. If you add a choice component inside the custom collection it will write to the propertyUnitAndMeterTable

[Next page](https://community.glideapps.com/t/unable-to-add-choice-component-to-layout/73647.md?page=2)
