when customizing the signup form, do we have the ability to add a "dropdown" select box to the form ...

funk101

12/22/2022, 7:46 PM

when customizing the signup form, do we have the ability to add a "dropdown" select box to the form fields?

nkshah2

12/23/2022, 3:49 AM

Hi, Theres no straightforward way to do this at the moment, but maybe @porcellus can help with ideas of how to do this? (He'll be on later today)

funk101

12/23/2022, 3:50 AM

thanks

porcellus

12/23/2022, 8:54 AM

hi, as @nkshah2 said, there is no simple way to do it right now, but you can use component overrides and the preAPIHook to achieve this.

porcellus

12/23/2022, 8:55 AM

I can go into more detail if you'd like but it's a bit more involved

funk101

12/23/2022, 9:35 AM

sure, if you could

porcellus

12/23/2022, 10:58 AM

So, first you'd override the sign up component (https://supertokens.com/docs/emailpassword/advanced-customizations/react-component-override/usage): there are multiple ways to go about this, but it may be easiest to completely replace the

EmailPasswordSignUpForm

with your own form. If you didn't entirely replace the form, just added your own field, you need to add an

preAPIHook

(https://supertokens.com/docs/emailpassword/advanced-customizations/frontend-hooks/pre-api) and change the body to include your new field in the

formFields

prop of the body with the

id

and

value

of your field. Lastly, Step 2&3 apply from here: https://supertokens.com/docs/emailpassword/common-customizations/signup-form/adding-fields

funk101

12/23/2022, 11:23 AM

thanks ill check it out

funk101

12/30/2022, 3:43 PM

Ok, I'm trying to the signup component. In the docs it says

Copy code

EmailPasswordReact.init({
        signInAndUpFeature: {
          disableDefaultUI: true,
        },
        getRedirectionURL: async (context) => {
          console.log("Context: ", context);
          if (context.action === "TO_AUTH") {
            return "/sign-up-form";
          }

funk101

12/30/2022, 3:44 PM

does this happen in the frontendConfig()? Also, the docs say

Copy code

context.action === "TO_AUTH"

but they're talking about the "SignIn" form. What's the context.action for signup? And is there a list of context.actions somewhere? I have not been able to find them in the docs

Previous Next

SuperTokens.com

SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).