# Multirow Choice Component (aka Chips UI)

**URL:** https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437
**Category:** Feature Requests
**Created:** [September 28, 2020, 3:24am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437 "2020-09-28T03:24:24Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [October 1, 2020, 7:08am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/81 "2020-10-01T07:08:49Z")

</div>

I’ve been using that same confirm method on some forms in my app. It’s great.

---

<div class="post-metadata">

### Author: ![Antonio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonio/32/956_2.png) [@Antonio](https://community.glideapps.com/u/Antonio)
#### Post date: [October 1, 2020, 10:20pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/82 "2020-10-01T22:20:56Z")

</div>

Ok. So who is it? Is it @Adrianne_Ngam the one leaking our Roadmap or what!? This cannot be possible.

 ![Pills(Filtering)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b7b1a23ef3c20f88bc7aceaecd1b5be466d4336f.gif)

Indeed, we do have explorations about offering some sort of pills components, and we started investigating how to offer them. In the following mockup you can see them being used to invoke the full UI for the filtering view.

---

<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: [October 1, 2020, 10:27pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/83 "2020-10-01T22:27:31Z")

</div>

That’s lovelyyyy

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [October 1, 2020, 10:34pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/84 "2020-10-01T22:34:09Z")

</div>

![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/94d4577ad1e185027a0a8d42952f437441b3d646.gif)

---

<div class="post-metadata">

### Author: ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)
#### Post date: [October 1, 2020, 10:45pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/85 "2020-10-01T22:45:32Z")

</div>

🤣

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 1, 2020, 10:49pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/86 "2020-10-01T22:49:37Z")

</div>

This would be a BEAUTIFUL thing!!!

---

<div class="post-metadata">

### Author: ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)
#### Post date: [October 2, 2020, 1:54pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/87 "2020-10-02T13:54:36Z")

</div>

I won my day today, for learning how to do it !!! 😉

Thank you BOB !!!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b0aad6715075d68ffeb5afa474a8c9e840c95617.jpeg)

---

<div class="post-metadata">

### Author: ![Pratik\_Shah](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pratik_shah/32/12416_2.png) [@Pratik\_Shah](https://community.glideapps.com/u/Pratik_Shah)
#### Post date: [October 2, 2020, 2:21pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/88 "2020-10-02T14:21:00Z")

</div>

> [@Joao\_Paulo\_Lima](#):
>
> I won my day today, for learning how to do it !!! 😉

I did this as well but I am not able to click on any of the button. Am I doing something wrong?

---

<div class="post-metadata">

### Author: ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)
#### Post date: [October 2, 2020, 2:26pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/89 "2020-10-02T14:26:13Z")

</div>

Hello @Pratik_Shah, first I configured the buttons, and then I included rich\_text with the code, and it takes care of handling the buttons, (but it does this with all the buttons on the page).

```
.ekttti { width: 50%; float: left; } .gbJqOE { display: unset; } [data-test="app-button-view"] { margin: 10px; }
```

---

<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: [October 2, 2020, 2:48pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/90 "2020-10-02T14:48:27Z")

</div>

I tried this as well and this is what it shows.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a68e02343f3bfa09cb21dc5de3acd7dd047bf1e3.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/ae69248215ffb8bbf1de26ab67e98924880031f8.jpeg)

No idea what I’m doing wrong.

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 2, 2020, 2:52pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/91 "2020-10-02T14:52:25Z")

</div>

Try copying and pasting that code directly into a rich text box on the screen rather than in a template column.

eg.

 ![Booking_Concept_·Glide·_Create_Apps_from_Google_Sheets](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/78630abeb14eb10114267f3dcfc0319169386ac7.png)

---

<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: [October 2, 2020, 2:56pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/92 "2020-10-02T14:56:15Z")

</div>

I just copied it directly on the Rich Text component, still nothing. 😫

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/8920502c50bf6081f472914e4eec3036286caeeb.jpeg)

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 2, 2020, 2:59pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/93 "2020-10-02T14:59:44Z")

</div>

Hm. I know that the unnamed classes (eg `.ektti`), can change at will and vary from user to user. You’ll need to do a bit of dev inspection to see where the conflict lies.

---

<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: [October 2, 2020, 3:01pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/94 "2020-10-02T15:01:04Z")

</div>

Alright, I’ll look into that.

Thanks @Robert_Petitto

---

<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: [October 2, 2020, 3:01pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/95 "2020-10-02T15:01:29Z")

</div>

Have you tried using the real app instead of the editor?

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 2, 2020, 3:03pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/96 "2020-10-02T15:03:08Z")

</div>

Hm…works for me.

 ![Screen Shot 2020-10-02 at 11.02.40 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9b3c8cec73f733c68894ea9fdd4ecb48e7b98acd.png)

---

<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: [October 2, 2020, 3:03pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/97 "2020-10-02T15:03:34Z")

</div>

Yes. Same thing.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/7818cdcd296977c7b1952c3a1f5afc949499151b.jpeg)

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 2, 2020, 3:04pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/98 "2020-10-02T15:04:19Z")

</div>

Ah. It’s a Safari issue.

---

<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: [October 2, 2020, 3:04pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/99 "2020-10-02T15:04:44Z")

</div>

It does take your left float thing into displaying so the code works. What action do you have for those?

---

<div class="post-metadata">

### Author: ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)
#### Post date: [October 2, 2020, 3:05pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/100 "2020-10-02T15:05:16Z")

</div>

I realized that when you switch to android, you also do it, as if it were a screen adaptation!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/96519d24862b489a395b982893010ca98d48f8c7.png)

[Previous page](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437.md?page=4)

[Next page](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437.md?page=6)