# 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:** 1

<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:** [September 28, 2020, 3:24am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/1 "2020-09-28T03:24:24Z")

</div>

# This would be an amazing feature.

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

## Please [vote by clicking here](https://features.staging.glideapp.io/dl/ewAiAHQAIgA6ADMALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0ARgBlAGEAdAB1AHIAZQBzACIALAAiAHIAIgA6ACIAWABOAG0AdgBuAEEAMQBWAFEAdgBpAHAASAA4AHkAbABrAFIAVABLAGoAQQAiACwAIgBuACIAOgAiAE0AdQBsAHQAaQByAG8AdwAgAFMAZQBnAG0AZQBuAHQAZQBkACAAQwBoAG8AaQBjAGUAIABDAG8AbQBwAG8AbgBlAG4AdAAgAE8AUgAgAEMAaABpAHAAcwAgAFUASQAgAGYAbwByACAAQwBoAG8AaQBjAGUAIABDAG8AbQBwAG8AbgBlAG4AdAAiAH0A)

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [September 28, 2020, 3:25am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/2 "2020-09-28T03:25:02Z")

</div>

What if we could only offer this in Glide Tables?

What would you expect the Google Sheet to look like?

---

<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:** [September 28, 2020, 3:27am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/3 "2020-09-28T03:27:07Z")

</div>

@david Initially, it would look the same (no multiselect). Just the ability to have multiple rows of “segmented” view of choice component. Right now, we’re limited to 5. Eventually, if multiselect, I imagine it would look maybe like how Google Forms does it with comma separated values or an array column.

---

<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:** [September 28, 2020, 4:09am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/4 "2020-09-28T04:09:50Z")

</div>

Something similar to this:  
  
@Antonio

---

<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:** [September 28, 2020, 4:16am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/5 "2020-09-28T04:16:42Z")

</div>

Prettier margins and max width set for choice buttons

 ![Screen Shot 2020-09-28 at 12.15.59 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/8de59f3669083159f547608e6f49c9e60e1fa869.jpeg)

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [September 28, 2020, 7:33am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/6 "2020-09-28T07:33:40Z")

</div>

Hi @Robert_Petitto, by any chance do you remember where you took the screenshot of that design pattern?

---

<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:** [September 28, 2020, 12:22pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/7 "2020-09-28T12:22:55Z")

</div>

Dribbble: [https://dribbble.com/shots/11321523-Figma-iOS-kit-Chips-UI-design](https://dribbble.com/shots/11321523-Figma-iOS-kit-Chips-UI-design)

---

<div class="post-metadata">

**Author:** ![\_eric](https://avatars.discourse-cdn.com/v4/letter/_/5f9b8f/32.png) [@\_eric](https://community.glideapps.com/u/_eric)\
**Post date:** [September 28, 2020, 5:21pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/8 "2020-09-28T17:21:13Z")

</div>

@david

It would be great if we could bring back the multi selected options info into an inline list card to look something like this…

Specifically how the user icons are displayed.

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

---

<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:** [September 30, 2020, 3:36am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/9 "2020-09-30T03:36:30Z")

</div>

Do we put that rich text before or after the choice Bob?

I’m trying to use it in one of my clients’ apps, do the “drfdIG” and “gMMOXd” part change?

---

<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:** [September 30, 2020, 3:41am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/10 "2020-09-30T03:41:00Z")

</div>

It doesn’t matter where you place it, and yes, it might change.Since those are unnamed classes, they’re subject to Glide’s builds. The [data] tags are more reliable. but I can’t always target specific elements within components.

---

<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:** [September 30, 2020, 3:42am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/11 "2020-09-30T03:42:18Z")

</div>

Thank you! Kinda got it work, trying to make it beautiful. I’m trying some variations of choice button, would love something that looks like the “By studio”, “By class” etc. in the image Eric linked.

---

<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:** [September 30, 2020, 3:47am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/12 "2020-09-30T03:47:43Z")

</div>

> [@Ability to upload and display Logo in fixed top bar instead of the tab name](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608/15):
>
> Links to test if you want
> 
> [ritual.glideapp.io](https://ritual.glideapp.io/)
> 
> ### [Ritual △](https://ritual.glideapp.io/)
> 
> Plataforma de desenvolvimento de aplicativos da AppLution®.

@Robert_Petitto @ThinhDinh in this topic I shared, I did this…

I was thinking about sharing this in our new **Resources** category

![ezgif-3-780147cecc66](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/efec82c2c4d680f0b119b59b57714228c002794b.gif)

---

<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:** [September 30, 2020, 3:49am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/13 "2020-09-30T03:49:57Z")

</div>

A little trick with inline list + increment added with some other logics 😁

---

<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:** [September 30, 2020, 12:51pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/14 "2020-09-30T12:51:15Z")

</div>

Next level stuff! Would love to get a copy of this to see the CSS—beautiful. My favorite is the profile screen:

 ![Screenshot_9_30_20__8_47_AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/ea5c2d8998cdc676e89670b8c888c7a68677a097.png)

---

<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:** [September 30, 2020, 12:56pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/15 "2020-09-30T12:56:23Z")

</div>

Nice use of increment buttons here too:

---

<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:** [September 30, 2020, 4:04pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/16 "2020-09-30T16:04:17Z")

</div>

Thank you so much, Bob!!! @Robert_Petitto

Btw,

## Happy Glide’s Anniversary 🥳

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

---

<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:** [September 30, 2020, 4:06pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/17 "2020-09-30T16:06:33Z")

</div>

> [@Robert\_Petitto](#):
>
> Next level stuff! Would love to get a copy of this to see the CSS—beautiful. My favorite is the profile screen:

Thank you!!

@Robert_Petitto @Deena Btw guys, I was fixing some points. Can you test again and try to send a in-app msg?  
In the second tab _Showcase_, I have the first topic that i’ve sent, click and click in my profile page, and you’ll see a “Conversar” button… try this out

It’s also amazing! (Not the in-app msg in fact, but the way it looks like)

And try to choose your own conversation background 😏

---

<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:** [September 30, 2020, 4:31pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/18 "2020-09-30T16:31:05Z")

</div>

It’s nice play with increment 😁 take a look when I click in _Cadastrar como Profissional_

---

<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:** [September 30, 2020, 4:34pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/19 "2020-09-30T16:34:58Z")

</div>

Wicked.

---

<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:** [September 30, 2020, 4:40pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/20 "2020-09-30T16:40:26Z")

</div>

😂

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