# Independent visibility of button bar

**URL:** <https://community.glideapps.com/t/independent-visibility-of-button-bar/22068>\
**Category:** Feature Requests\
**Created:** [February 1, 2021, 3:09pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068 "2021-02-01T15:09:30Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [February 1, 2021, 3:09pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/1 "2021-02-01T15:09:30Z")

</div>

It’d be great if we could configure the visibility of button bar indepentley, meaning hide the buttons independently.

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [February 1, 2021, 3:40pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/2 "2021-02-01T15:40:28Z")

</div>

\*Haven’t tried this yet but thought about it the other day:

You could just use two button bar components, visibility conditions and [emptycharacter.com](http://emptycharacter.com) to achieve this with the button bar.

If this = show button bar 1 (two buttons: buttons coloured with or without icon or text)

If else = show button bar 2 (1 button with button colour, text and/or icon, second button text is emptycharacter, no button colour or icon).

Either way, only one button bar is showing, depending on the visibility conditions.

---

<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:** [February 1, 2021, 4:14pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/3 "2021-02-01T16:14:57Z")

</div>

hmm, nice idea but I don’t think it will work very well.  
Although you can “hide” one of the buttons, the problem is that it appears you can’t configure either of the buttons with action = none. So even though the button won’t be visible, it’ll still be clickable.

So to remove it completely would probably require a bit of CSS fiddling.

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [February 1, 2021, 4:29pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/4 "2021-02-01T16:29:43Z")

</div>

Yeah, good point. Could you not make the “blank” button an “Open link” action, and in the “custom/custom url” option when populating it, just use this “#”. It kind of turns it into a dead link…

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [February 1, 2021, 4:30pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/5 "2021-02-01T16:30:44Z")

</div>

I see your point, however I’d like to have actions but then hide/show button if X is met. I thought about this, but have two button bars and have opposite blank buttons, but if at some point I want to have both visible it’d look weird

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [February 1, 2021, 4:31pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/6 "2021-02-01T16:31:35Z")

</div>

True…welp, then +1 for your request! haha

---

<div class="post-metadata">

**Author:** ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)\
**Post date:** [February 1, 2021, 7:24pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/7 "2021-02-01T19:24:11Z")

</div>

I do just that, and it always worked well !!!

For no action buttons I set them to “Reshuffle” this makes them null !!!

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [February 1, 2021, 7:26pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/8 "2021-02-01T19:26:18Z")

</div>

Good, glad it worked. 😝

Just remember though with “Reshuffle” action that if you have any list or inline list filtered or sorted “Randomly” on that page, the reshuffle action will reshuffle them.

---

<div class="post-metadata">

**Author:** ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)\
**Post date:** [February 1, 2021, 7:31pm UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/9 "2021-02-01T19:31:50Z")

</div>

Yes, that’s why its “null” use works in any situation other than its normal function !!!

---

<div class="post-metadata">

**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\
**Post date:** [June 9, 2021, 7:34am UTC](https://community.glideapps.com/t/independent-visibility-of-button-bar/22068/10 "2021-06-09T07:34:28Z")

</div>

Perhaps a workaround is to use an in-line list that shows 2 cards side by side. The list is comprises pairs of button images, one for each button status and you can control the visibility of each card using the filter feature. You could even have a blank card for the left hand button in case you want to hide the left button but keep the right hand button on the right hand side of the screen.

In addition to the column images you would need a second column with button details. If titles are static then great. If not, you would requires some ‘column set action’ programing.
