# CSS for multi-line choice

**URL:** <https://community.glideapps.com/t/css-for-multi-line-choice/24728>\
**Category:** Ask for Help\
**Created:** [March 25, 2021, 5:08pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728 "2021-03-25T17:08:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![sardamit](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sardamit/32/263_2.png) [@sardamit](https://community.glideapps.com/u/sardamit)\
**Post date:** [March 25, 2021, 5:08pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/1 "2021-03-25T17:08:25Z")

</div>

Hello!  
I can’t seem to find the CSS for multi-line choice components.

Can somebody help, please?

Thank you in advance.

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [March 25, 2021, 6:45pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/2 "2021-03-25T18:45:17Z")

</div>

> [@Multirow Choice Component (aka Chips UI)](https://community.glideapps.com/t/multirow-choice-component-aka-chips-ui/16437/5):
>
> Prettier margins and max width set for choice buttons

---

<div class="post-metadata">

**Author:** ![sardamit](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sardamit/32/263_2.png) [@sardamit](https://community.glideapps.com/u/sardamit)\
**Post date:** [March 25, 2021, 6:58pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/3 "2021-03-25T18:58:12Z")

</div>

Tried this. It didn’t work.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [March 25, 2021, 9:23pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/4 "2021-03-25T21:23:14Z")

</div>

> **[Time & Address Picker](https://sa-test.glideapp.io/)**
>
> pick the time using buttons & enter address or place name, and this App will find the proper address and geolocation

This multi line choice is based on inline list 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:** [March 25, 2021, 11:28pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/5 "2021-03-25T23:28:24Z")

</div>

Seems like Bob still used a “random” class name inside there and it will vary user to user, browser to browser.

Also, the CSS does not automatically separate all choices into their own rows. I think Bob is just filtering the choices to show it in 3 choice components.

---

<div class="post-metadata">

**Author:** ![sardamit](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sardamit/32/263_2.png) [@sardamit](https://community.glideapps.com/u/sardamit)\
**Post date:** [March 26, 2021, 4:57am UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/6 "2021-03-26T04:57:45Z")

</div>

Oh! Understood.  
So technically, it’s still not possible when you have a growing list of choices.

Thank you! 🙂

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:52pm UTC](https://community.glideapps.com/t/css-for-multi-line-choice/24728/7 "2024-01-17T16:52:52Z")

</div>