Exploring the Enhanced Capabilities of Glide's Native Form

Community Resources
42

Sure, or just use Visibility conditions on the spacer component to toggle this on/off.

43

Have you tested with the condition that the hint component does not appear on the main form? As input that #page-root:has(.prevent-submit):not(:has(.allow-submit)) is the condition of the relationship is “and”.

44

Good point. If “.prevent-submit” is needed on second form, “.disable-submit” is best solution.

1 Like
45

Another way is to use the existing class, which is #overlay-root. With this method, you don’t need to use a spacer component anymore. It turns out to be simpler! :wink:

/* Overlay Form */
#overlay-root:has(.disable-submit) [aria-label="Submit"] {
    pointer-events: none;
    opacity: 0.4;
}

/* Main Screen Form */
#page-root:has(.prevent-submit):not(:has(#overlay-root)) 
[aria-label="Submit"] {
    pointer-events: none;
    opacity: 0.4;
}
1 Like
46

En effet…
Ce serait d’ailleurs tellement bien aussi si nous pouvions aussi avoir un système d’ expressions régulières…“inclues” “n’inclut pas”>“expression régulière” etc…

Indeed… . .
It would also be so good if we could also have a system of regular expressions…“includes” “does not include” > “regular expression” etc…

Vraiment top comme tutoriel !

Really great, this tutorial !

1 Like