# Is it possible to disable a button after a set of steps in a Glide action completes?

**URL:** https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211
**Category:** Ask for Help
**Created:** [April 1, 2024, 10:27am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211 "2024-04-01T10:27:28Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [April 1, 2024, 10:27am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/1 "2024-04-01T10:27:28Z")

</div>

Hello,

I did go through the old posts on disabling a button. I’d like to know is there a different way as of today to disable a button after clicking it (behind the scenes a Glide action is invoked which has multiple steps to perform). Hiding the button is what I do now, infact I hide the entire section as I wouldn’t want the user to click the button again.

I personally feel that hiding and showing a component is a bit confusing to the end user as they may see the component in few cases and may not in few other.

Any suggestions?

---

<div class="post-metadata">

### Author: ![etienneduper](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etienneduper/32/67963_2.png) [@etienneduper](https://community.glideapps.com/u/etienneduper)
#### Post date: [April 1, 2024, 11:00am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/2 "2024-04-01T11:00:44Z")

</div>

You can add conditions directly on the button’s logic or in the visibility settings of the button or component.  
If the visibility logic covers all necessary variables, it should not confuse end-users

 ![Screenshot 2024-04-01 at 6.52.55 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/e/ce407b34d0ecc7b7ddadd3bf476d8cca7da23177.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: [April 1, 2024, 12:04pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/3 "2024-04-01T12:04:19Z")

</div>

What you could do is add an else brach to the action that does nothing (perhaps just show a notification or open an empty link), and then include something in the main branch that will cause any subsequent clicks to fall through to the else. The button won’t appear to be disabled in this case, but at least if the user clicks it, nothing will happen.

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 1, 2024, 12:16pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/4 "2024-04-01T12:16:31Z")

</div>

I use this a lot in my apps. There are multiple ways.

If the button is clickable put an accent on it. (inside the action add an else branch to make sure the action is performed multiple times)

Put the exact same button in the same place but without an accent and with no action or a notification action. You could also use css if your on a paid plan to make it look not clickable.

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [April 1, 2024, 12:22pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/5 "2024-04-01T12:22:00Z")

</div>

Would you mind explaining what an accent is, in this context? And yes, the css option seems to be a good option to try. Thank you!

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 1, 2024, 12:36pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/6 "2024-04-01T12:36:56Z")

</div>

maybe something like this

 ![Screenshot 2024-04-01 at 3.35.31 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/0/40c549ece5affefec11b7d02c3827d5cb877a339.png)  
 ![Screenshot 2024-04-01 at 3.34.49 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/486d2d302910d3ade140648fa380cf5b87ff654d.png)  
 ![Screenshot 2024-04-01 at 3.34.11 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/9/59f4f0ba5235fa062882ddc8857bb470fedcf530.jpeg)  
 ![Screenshot 2024-04-01 at 3.33.41 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/212eeece0bd8a4354c3b7002331d68fea85aca32.jpeg)

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 1, 2024, 12:38pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/7 "2024-04-01T12:38:25Z")

</div>

or you could use an action row… instead of a button… action rows if cannot click will be faded automatically by glide.

 ![Screenshot 2024-04-01 at 3.37.41 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/9/29d1d7f98838ada36fb28e79f0b834afaa8e06bd.jpeg)

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [April 1, 2024, 12:39pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/8 "2024-04-01T12:39:56Z")

</div>

Great options @abdo , let me try these and see which one suits my situation the best. Thanks a lot!

---

<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: [April 2, 2024, 1:28am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/9 "2024-04-02T01:28:39Z")

</div>

> [@Exploring the Enhanced Capabilities of Glide's Native Form](https://community.glideapps.com/t/exploring-the-enhanced-capabilities-of-glides-native-form/69876/1):
>
> I want to share about the additional capabilities that we can achieve with Glide’s native form. What I have tested with the help of CSS is that native forms can also be applied for validation. Create your validation in the table columns and present it through messages via the “hint” component. Add the visibility conditional and the class “prevent-submit” to these hint components. Add the following CSS code: /\*Container Form\*/ #page-root:has(.prevent-submi…

This works for disabling buttons as well, using CSS.

---

<div class="post-metadata">

### Author: ![prettycold](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/prettycold/32/71118_2.png) [@prettycold](https://community.glideapps.com/u/prettycold)
#### Post date: [April 2, 2024, 6:56am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/10 "2024-04-02T06:56:19Z")

</div>

Wow, thanks for sharing this @ThinhDinh . I read the post, let me also watch Robert’s video and give this option a try.

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 2, 2024, 3:41pm UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/11 "2024-04-02T15:41:47Z")

</div>

on a css level i use these 2 to disable a button

cursor: default;  
pointer-events: none;

---

<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: [April 3, 2024, 12:09am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/12 "2024-04-03T00:09:20Z")

</div>

It’s pretty neat. I use it for all my new projects.

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [April 10, 2024, 12:09am UTC](https://community.glideapps.com/t/is-it-possible-to-disable-a-button-after-a-set-of-steps-in-a-glide-action-completes/72211/13 "2024-04-10T00:09:52Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
