# 🚫 Hacking a Form Submit Button using CSS

**URL:** <https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878>\
**Category:** Community Resources\
**Created:** [January 23, 2024, 4:00am UTC](https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878 "2024-01-23T04:00:13Z")\
**Posts on this page:** 3\
**Page:** 1

<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 23, 2024, 4:00am UTC](https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878/1 "2024-01-23T04:00:13Z")

</div>

# 👋 Hey fellow Gliders!

I recently came across this post by @Himaladin, and I was so impressed that I had to create a video that walked through this hack step by step—it’s incredibly clever!

> [@Exploring the Enhanced Capabilities of Glide's Native Form](https://community.glideapps.com/t/exploring-the-enhanced-capabilities-of-glides-native-form/69876):
>
> 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…

Using a visibility condition, a custom class, and the `:has()` CSS pseudo-class, you can control whether or not users can submit a form regardless of required fields!

Yes, you’ll need to be on the Business plan in order to use this hack because it requires the use of CSS, but it’s a great way to control the submit button until a native feature is developed.

### 🍿 Enjoy!

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3bd01aa9c18df92e88f03b8e6f495555bd9212f5.jpeg "Glide: Prevent Form Submissions with this CSS HACK") ](https://www.youtube.com/watch?v=mGYUgidT8X4)

---

<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 23, 2024, 4:34am UTC](https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878/2 "2024-01-23T04:34:31Z")

</div>

Really clever ~~Bob~~ Robert 😄 thanks for sharing 🙏

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [January 24, 2024, 7:16pm UTC](https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878/3 "2024-01-24T19:16:03Z")

</div>

Robert - GREAT EXAMPLE/USAGE! Really liked the checkbox example.

@Himaladin - fantastic discovery, thanks for passing it along.