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

<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, 11:48pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/61 "2020-09-30T23:48:19Z")

</div>

Was going to try to use your image-selector trick to select an avatar, but then I realized that because you’re using a user-specific column, other users wouldn’t be able to see the avatar you selected.

---

<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, 11:57pm UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/62 "2020-09-30T23:57:28Z")

</div>

Idk your app flow, but, as @Jeff_Hager says…

A wild thought:

If you use a _Form button_ you could:

- Create a second column with ID Wallpaper (like 1 - 10), and use the increment to get the wallpaper ID,
- Relation to get which wallpaper was chosen

---

<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, 12:13am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/63 "2020-10-01T00:13:23Z")

</div>

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

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

I was trying to use Bob’s side-by-side button but seems like my buttons were pushed far down the screen. What can be the cause of this? Thank you for your time, this is gorgeous.

---

<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, 12:15am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/64 "2020-10-01T00:15:44Z")

</div>

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

Changed width to 25% and seems it was closer to be seen haha.

I have a lot of conditional visibility here for multiple buttons, probably that was the cause.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/42d478465222ae95bf1b71de6de053474437b053.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 1, 2020, 12:17am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/65 "2020-10-01T00:17:06Z")

</div>

Ya…that’s a lot of buttons 😉

---

<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, 12:19am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/66 "2020-10-01T00:19:29Z")

</div>

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

It’s perfectly fine when I move it up 😆

Gotta think how I can restructure the screen to not push it down…

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [October 1, 2020, 12:22am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/67 "2020-10-01T00:22:36Z")

</div>

Would a “position: absolute” help at all? Or maybe add a margin-bottom value or padding-bottom to bump it up from the bottom? May result in empty space at the bottom of the page though.

---

<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, 12:38am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/68 "2020-10-01T00:38:48Z")

</div>

@Robert_Petitto

Another wild idea without Form button and not using user-specifc:

- Single Value (avatar pics)\> Random

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

- Sort the inline when **email is signed-in user** and sort as _Random_
- Add a Reshuffle button
- Create a second column with ID AvatarUser
- Single relation: _SValue Avatar \> Pic Avatar_
- Lookup to get the _ID Avatar_
- Use this _Lookup ID Avatar_ as **Implement by**
- Same process: SRelation \> Lookup

And use the last Lookup as Chosen Avatar, and set the visibility to appear and disappear what you want

**Boom 💥**

 ![Untitled_ Sep 30, 2020 9_35 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9e912bc7a17da73713ea99bf0488994d18a12ff4.gif)

 ![Untitled_ Sep 30, 2020 9_44 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e8dd4723e23d35a8646984b89101b614837533d7.gif)

---

<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, 12:45am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/69 "2020-10-01T00:45:38Z")

</div>

### Love it!

Here’s what I did to avoid a form button:

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [October 1, 2020, 12:52am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/70 "2020-10-01T00:52:02Z")

</div>

Wow that single required choice that looks like a button is a wicked idea. Very nice… definitely using that!

---

<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, 12:52am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/71 "2020-10-01T00:52:08Z")

</div>

Brilliant too!

---

<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, 1:00am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/72 "2020-10-01T01:00:24Z")

</div>

You can use CSS to style the choice component to make it look identical to a button as well!

```auto
<span><style>
.ips-inner {min-height:44px;
border-radius: 7px !important;
}
[data-test=app-inline-picker-item]
{font-weight:600;}
</style></span>

```

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

---

<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, 2:01am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/73 "2020-10-01T02:01:31Z")

</div>

@Deena @Robert_Petitto, I don’t know if you try it (and I forgot to say because it’s in portuguese), but this option you pick your own background image

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2d7f6174bd45fc8e6b45986a58948856038df5a5.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 1, 2020, 2:30am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/74 "2020-10-01T02:30:12Z")

</div>

Right!

---

<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, 2:46am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/75 "2020-10-01T02:46:13Z")

</div>

Look how happy Minions are with an Upvoted button!  
We should add to our **[Features Request app](https://features.staging.glideapp.io/)** 😂

Click on 👉 ❤ to upvote!

![Untitled_ Sep 30, 2020 11_34 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/0/0ccd19972d38eed952792e9bb3d43b61a976105d.gif)

> **[Jungle™](https://jungle.glideapp.io/)**
>
> Transforme cenas, trechos, poemas ou até mesmo pensamentos em histórias incríveis. O melhor lugar do mundo é dentro da Selva!

---

<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, 3:39am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/76 "2020-10-01T03:39:02Z")

</div>

Holy hell it took me 30 minutes to remember we have a native way to do that. Separators come to the rescue.

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

---

<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, 3:39am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/77 "2020-10-01T03:39:20Z")

</div>

Works flawlessly now, thanks guys you’re gorgeous.

---

<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, 4:15am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/78 "2020-10-01T04:15:18Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [October 1, 2020, 5:24am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/79 "2020-10-01T05:24:38Z")

</div>

Like magic😜

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 1, 2020, 6:57am UTC](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/80 "2020-10-01T06:57:01Z")

</div>

What do they do? Rae they writing to the sheet? How?

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

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