# 🔥 Button Bar is LIVE!

**URL:** <https://community.glideapps.com/t/button-bar-is-live/21184>\
**Category:** Ask for Help\
**Created:** [January 14, 2021, 10:27pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184 "2021-01-14T22:27:03Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\
**Post date:** [January 15, 2021, 7:39am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/21 "2021-01-15T07:39:46Z")

</div>

👍

---

<div class="post-metadata">

**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\
**Post date:** [January 15, 2021, 7:59am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/22 "2021-01-15T07:59:38Z")

</div>

I came up with an idea.  
Is it possible to perform +1 (next) -1 (previous) using the mathematical tricks Lucas\_Pires shows?  
★ Suppose a page number is set for each line of data.  
★ Add +1 or -1 to the page number to get the next or previous number.  
★ Displays the page data of the acquired number.  
That’s too difficult for me, can anyone try it?

---

<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:** [January 15, 2021, 8:30am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/23 "2021-01-15T08:30:17Z")

</div>

Yeah that’s basically what I did for the video. I have a numerical order for each row of data, then the two buttons navigate through that using the +1 and -1. I increment/decrement on a user-specific column.

---

<div class="post-metadata">

**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\
**Post date:** [January 15, 2021, 8:34am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/24 "2021-01-15T08:34:35Z")

</div>

Is that so?  
Okay, I’ll try it on the weekend.  
Thank you Thinh Dinh.

---

<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:** [January 15, 2021, 9:51am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/25 "2021-01-15T09:51:43Z")

</div>

What you mean?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 15, 2021, 1:02pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/26 "2021-01-15T13:02:55Z")

</div>

Hola @ThinhDinh,

How do you prevent the previous button from getting to 0. I have tried several conditions in the actions editor but most of them makes the button bar disappear. If I don’t add any condition then when I have a 0 in the counter, hence, the inline list shows nothing.

---

<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:** [January 15, 2021, 1:36pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/27 "2021-01-15T13:36:24Z")

</div>

You’d need to set a custom action with condition…if value equals 1 then do nothing.

---

<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:** [January 15, 2021, 1:37pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/28 "2021-01-15T13:37:37Z")

</div>

I add two ITE columns for increment and decrement.

Let’s say the list has 20 rows.

Increment: If paging number = 20 then show notification “Nothing more to show”, else +1.

Decrement: If paging number = 1 then show notification “Nothing more to show”, else -1.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 15, 2021, 1:49pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/29 "2021-01-15T13:49:27Z")

</div>

Imma try both ideas. Thanks @Robert_Petitto and @ThinhDinh

Edit: It works great!!

---

<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:** [January 15, 2021, 3:07pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/30 "2021-01-15T15:07:16Z")

</div>

UPdating here !!!

---

<div class="post-metadata">

**Author:** ![VVerhille](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vverhille/32/16246_2.png) [@VVerhille](https://community.glideapps.com/u/VVerhille)\
**Post date:** [January 15, 2021, 3:21pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/31 "2021-01-15T15:21:21Z")

</div>

Great, this is just what i need 😉

---

<div class="post-metadata">

**Author:** ![Rasha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rasha/32/4585_2.png) [@Rasha](https://community.glideapps.com/u/Rasha)\
**Post date:** [January 15, 2021, 5:22pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/32 "2021-01-15T17:22:09Z")

</div>

That was my first thought although I wish buttons were resizable and the incremented number can be nested between them somehow.

Presuming this item is in a “cart,” one adjustment can eliminate the need for an edit pencil or faux trash can to delete the item:

Have 2 sets of button bars.

**Set 1:**  
For Left Button (-): Left action → Increment Qty by -1  
For Right Button (+): Right action → Increment Qty by 1  
Visibility: Show when Qty \> 1

**Set 2:**  
For Left Button (-): Left Compound Action\*  
For Right Button (+): Right Action → Increment Qty by 1  
Visibility: Show when Qty = 1

→ Action  
a. Set columns to clear row for item  
b. Go back (to cart)

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [January 15, 2021, 5:50pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/33 "2021-01-15T17:50:34Z")

</div>

This is great and all but we need to be able to set these buttons to work with already created “DETAIL” screens. I have some screens with 50+ components that without being able to link to them I cannot make any changes to already built apps. @david , Do we know if this will become a feature eventually and if so how soon? It’s nice to have new options but without being able to replace old workarounds or options with these it makes older apps continue to look old and outdated.

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [January 15, 2021, 7:23pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/34 "2021-01-15T19:23:50Z")

</div>

The button bar works with all detail screens.

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [January 15, 2021, 7:40pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/35 "2021-01-15T19:40:50Z")

</div>

No, what I mean is lets say we build a detail screen with a ton of components. We don’t have a way to make a new button access that detail screen unless we rebuild it from scratch. To be more specific. I setup a link to screen that uses “NOTIFICATIONS” sheet and I call that link to screen “MANAGER NOTIFICATIONS” I cannot send another button to this same setup, when I try it’s just blank and I have to rebuild it all over again for the next button. So with that being said using the new buttons I would have to spend days in some cases rebuilding all the info that a current button goes to because it could be 10 detail sheets deep that once the 12st one is changed they are all gone.

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

---

<div class="post-metadata">

**Author:** ![Abdullah\_Mahmud1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdullah_mahmud1/32/7997_2.png) [@Abdullah\_Mahmud1](https://community.glideapps.com/u/Abdullah_Mahmud1)\
**Post date:** [January 15, 2021, 11:18pm UTC](https://community.glideapps.com/t/button-bar-is-live/21184/36 "2021-01-15T23:18:34Z")

</div>

This is great idea

Thank you

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [January 16, 2021, 12:17am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/37 "2021-01-16T00:17:11Z")

</div>

Yes, I see.

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [January 16, 2021, 5:32am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/38 "2021-01-16T05:32:26Z")

</div>

Hopefully saving/configuring screens will he available in the new builder!

---

<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:** [January 16, 2021, 5:38am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/39 "2021-01-16T05:38:45Z")

</div>

> [@ehdubya](#):
>
> Use UI/UX use cases anyone?

Edit/Delete 😁

![Screen Shot 2021-01-16 at 1.37.44 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/c/8c583ca84bcda7d97c70549ecf548001047e2112.png)

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [January 16, 2021, 5:40am UTC](https://community.glideapps.com/t/button-bar-is-live/21184/40 "2021-01-16T05:40:53Z")

</div>

Do you know if in the future we will be able to do this?

[Previous page](https://community.glideapps.com/t/button-bar-is-live/21184.md?page=1)

[Next page](https://community.glideapps.com/t/button-bar-is-live/21184.md?page=3)
