i am making a verification feature for users to sign up, a code will be sent to the user’s email and the user is required to enter the code
i tried making this “verification code incorrect” text, i want it to show only when the code entered below is incorrect, however it is still showing when the code is correct, i wonder if i got the visibility setting setup correctly
Hi @furiousfrog
if its stored in the users database then it should be Logged in user > CODE is not equal to the INPUT (for the message “verification code incorrect”)
you can also just hide the button until the INPUT is equal to the CODE
thanks for your reply, but i have just encountered another issue
the data verification code is stored separately from “users” database, it is stored in a database named “update password verification code” with relationship linkage with users database
i have just found that users can CREATE unlimited verification codes and it will be a security issue, i wanted to make the verify button with a click action DELETE “update password verification”, but i cant find this button to execute the process above, am i doing this correctly or is there any other way i can cover this security issue?
Hi @furiousfrog
This is how I set up mine:
If this email verification is for sign-up, you can create a random code (using a custom formula like RAND(111111,999999)) in your “create account form”. Which is the only way the user can create that code with the used email. then you link it to a new screen eg, “verify screen”.
On the “verify screen,” add an action (not on any component but on the screen itself) with a custom action, such as https://api.brevo.com/v3/smtp/email, to send the random code generated during sign-up.
Next, on the same screen, display a message saying, “Please check your email for the verification code,” along with an input box for users to enter the code. Then, add a button with 2 link actions for 2 modal screens (“wrong” and “correct”).
If the correct code is entered, there should be another button that updates a true/false property, marking the user as “verified.” (this set up still uses Users database) the user here cant create multiple code since once you put the email in the form again it will be recognized as already used.
the user here can actually log in. that is why in the LOG IN submit, we needed put a link action to reroute the user if user is not verified to the “verify screen”. the only parameter that is controlling the user from accessing the app is the "true/false property “user is verified”
but how do you deal with change password, forget password in login page and delete account
and what is the user is using another user’s email trying to sign up, does that mean the email owner cannot sign up with their own email because they cannot get into that page? and the user who used the wrong email will be stuck on the verify page?
Hi @furiousfrog
Since the account owner has access to the email, they will notice if someone else has used it. To address this, you can include a link to your app in the verification email message so the account owner knows where their email is being used. They can then easily use the “Forgot Password” feature in Adalo. Adalo will send a temporary password to the email and prompt the account owner to reset their password within 24 hours. The person who doesn’t have access to the email will be stuck at the verification stage. You can customize the creation of the code and the custom action in any way/where you think is safe or secured. I found this. How to VERIFY User EMAILS in Adalo this might help.
how do you make the change password and delete account verification screen?
The change password screen is not editable. It is auto included in your app. Go to your signup page and hit forgot password, you’ll be directed to adalos auto signup page which I believe the only design on it is whatever your design colors are.
Delete profile page, make it however you want. Just use a button that deletes the user. I’d recommend a modal after they click delete button to include something like “are you sure? Deleting your account will delete all user data. This can not be undone”. Cheers!
how do i edit forget password screen? like changing the colors and word sizes?
I believe you can only do that by changing your apps “design”. But it would change anything in your app that is still your “default” colors. You can not independently edit that screen.
it’s called “branding” colors right?
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.