Sign up button disabled until all fields are filled in with text

damir.davis · 2025-01-03T16:54:41.623Z

Does anyone know how to edit the workflow to make the sign up button hidden until the email and password is filled in completley?

image2080×463 26.3 KB

krenkel · 2025-01-03T20:26:08.534Z

Hi @damir.davis! Wouldn’t it just be possible to have it there in only when the fields are not empty?

senecadatabase · 2025-01-03T21:43:29.545Z

Not having the button visible at all is not good UX.

It is confusing to users and not a good practice.

If you have the input forms marked ‘this input should not be empty’, they can’t click the button and move on anyway.

But, if you want the button to be greyed out until the inputs are completed…which is somewhat more of a common practice than showing no button…you can do a conditional on the button and set it to not be clickable on page load and with a grey shade (or whatever).

Then on the conditional: when input 1, input 2…is filled in this button is clickable and the background color is # (whatever).

krenkel · 2025-01-04T13:44:34.103Z

In this case @damir.davis!
You can do something like I do using conditionals and leave it marked in the button element that the button is not clickable, you will do this in the conditionals if it is met it will be clickable again, you don’t even need a workflow, or you still have the option to force the input not to move to the next field without filling it in, then just select in the input option (element) this input not be empty (these are options). Below is the print.

logon924×441 34.5 KB

system · 2025-03-14T16:55:16.361Z

This topic was automatically closed after 70 days. New replies are no longer allowed.