🚫 Hacking a Form Submit Button using CSS

[Robert_Petitto]

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

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. [Screenshot 2024-01-23 at 07.10.39] Create your validation in the table columns and present it through messages via the “hint” component. Add the conditional and the class “prevent-submit” to these hint components. Add the following CSS code: /*Container Form*/ #page-root:has(.prevent-submit) [aria-la…

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!

Glide: Prevent Form Submissions with this CSS HACK

[Lucas_Pires]

Really clever Bob Robert thanks for sharing

[MattLB]

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

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