# A button bar question

**URL:** <https://community.glideapps.com/t/a-button-bar-question/67360>\
**Category:** Ask for Help\
**Created:** [October 28, 2023, 3:31pm UTC](https://community.glideapps.com/t/a-button-bar-question/67360 "2023-10-28T15:31:52Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\
**Post date:** [October 28, 2023, 4:14pm UTC](https://community.glideapps.com/t/a-button-bar-question/67360/3 "2023-10-28T16:14:48Z")

</div>

> [@Pierre\_de\_Man](#):
>
> Each button I had given a different color

Try to use template column to add some colored emoji to the button’s name. Or just add emoji( 🟡🟢🔴⚪🔵🟤🟠⚫) to button name

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/c/ac7c6670a27685ad45009dd4c872e876f6e36b3e.png)

Also you can use horizontal collection

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/eea94c0bc6bb2b987c02812938f7f5b469d5c0ad.png)

or you can use custom collection with rich text component

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e269f7b2c5f35ee5ab83da04e70cc89faef40fe.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/3/7363eab2a23c25fe777120d600be56b1d4d3724f.png)

All of this is clickable and can be assigned to action

But actually, all of this looks not so good on mobile view.

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

And only way is to use CSS on paid plan.

---

_[View the full topic](https://community.glideapps.com/t/a-button-bar-question/67360)._