# Can I use button bar to create

**URL:** <https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639>\
**Category:** Ask for Help\
**Created:** [December 7, 2021, 3:29pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639 "2021-12-07T15:29:19Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 7, 2021, 3:29pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/1 "2021-12-07T15:29:19Z")

</div>

Hi

Can I use button bar to create the men and women,looks like a button.

 ![IMG_20211207_205555](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/4/24bd79d6dd9d6483af7438e3a97d605833d353ea.jpeg)

Or otherwise anything else? to look a like this image.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 7, 2021, 3:31pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/2 "2021-12-07T15:31:02Z")

</div>

Use an Inline List Tiles layout.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 7, 2021, 3:42pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/3 "2021-12-07T15:42:22Z")

</div>

Use Photoshop to cut out the shape of the person’s image, and save it as a png file. Display via inline list or action on image 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:** [December 8, 2021, 12:03am UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/4 "2021-12-08T00:03:30Z")

</div>

What @Himaladin said, but you have to create the left and right text yourself if you want that effect.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 12:39pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/5 "2021-12-18T12:39:33Z")

</div>

Hi

Have used the linelist comes good and givews the it in overlay to display category name MAN,WOMAN inside inline list which is looks exactly somewhat.

Have gave this

```
[data-test="app-horizontal-list"] :nth-child(1) :nth-child(even) { background-color: #000000; } But i want the text color to be changed and also possible i want different color for MAN and WOMAN. ![textcolor|238x500](upload://pZmaKlYMsrmwxx1X5BnpnrAVBjB.jpeg)
```

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 3:09pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/6 "2021-12-18T15:09:01Z")

</div>

Hi Darren,

is the above one done with single category table and single product list?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 18, 2021, 3:14pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/7 "2021-12-18T15:14:27Z")

</div>

You’re referring to this, yes?

![Screen Shot 2021-12-18 at 11.13.10 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/5/a542cf56c0237e2b2b5101019fd0cbe610dcc9c2.png)

If you share a copy of your app with me, I’ll show you how to do it using an Inline List.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 3:19pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/8 "2021-12-18T15:19:01Z")

</div>

> **[Clothing Stores](https://rare-grain-8240.glideapp.io/)**

Here it is…

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 18, 2021, 3:19pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/9 "2021-12-18T15:19:45Z")

</div>

Can you allow it to be copied, please?

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 3:21pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/10 "2021-12-18T15:21:20Z")

</div>

Sorry.now its copyable.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 18, 2021, 3:21pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/11 "2021-12-18T15:21:47Z")

</div>

Okay, just give me a little while.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 18, 2021, 3:41pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/12 "2021-12-18T15:41:59Z")

</div>

Okay, here you go…

> **[Clothing Stores](https://brawny-root-8287.glideapp.io/)**

One tip for you: Having separate tables for Men and Women is not a good idea. You should have them all in one table, and have a column in that table to identify each as mens/womens.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 4:11pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/13 "2021-12-18T16:11:12Z")

</div>

Too quick.You are Great.Im creating all my template with this same thing but couldn’t understand how its created i.e its logic.

Thanks a lot.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 6:08pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/14 "2021-12-18T18:08:07Z")

</div>

You mean category men and category women ? into category table.

If i create another column as categorytype as Men and Women,how can i approach this.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 6:34pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/15 "2021-12-18T18:34:07Z")

</div>

what is ite/choice ?  
what is ite? note for?

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 18, 2021, 6:35pm UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/16 "2021-12-18T18:35:01Z")

</div>

what is ite note for ?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 19, 2021, 1:17am UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/17 "2021-12-19T01:17:22Z")

</div>

`ite/choice` deals with the initial (empty) state of the User Specific column that holds the choice selection. The first time a user open the app, this column will be empty. So the if-then-else column is used to show them the Mens list by default.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 19, 2021, 2:02am UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/18 "2021-12-19T02:02:50Z")

</div>

Superb.Lots of learning from you Darren.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [December 19, 2021, 5:07am UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/19 "2021-12-19T05:07:22Z")

</div>

Hi

When I launched it in mobile,it’s showing empty.

 ![Screenshot_2021-12-19-10-36-01-096_com.android.chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/2172faab60e0c7d25fa1b7fba443c58ef2089630.jpeg)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 19, 2021, 6:06am UTC](https://community.glideapps.com/t/can-i-use-button-bar-to-create/35639/20 "2021-12-19T06:06:36Z")

</div>

The tab was hidden. Try it now.
