Authorize set default view as register

[moshfeu]

Hi,

Is there an option to present the register view by default?

Thanks

[mathiasconradt]

Hi @moshfeu, see similar question and answers (esp. 2B if you’re still using auth0. js:

Password confirmation field on signup and default tab on the lock

Hi @codenameredpanda it’s not supported with Lock but has been added to the product backlog, though a while ago already. Related Github ticket is at https://github.com/auth0/lock/issues/61 If needed, that would require a custom UI at the moment. There are two ways to achieve it: A) In any case, one solution regardless of SDK used would be to use two different callback URLs, such as: http://localhost:3000/callback?register and http://localhost:3000/callback?login (you’d need to add those …

[moshfeu]

Thanks. I’m not sure what is the answer though. Because in the question OP said that

var options = {
  initialScreen: 'signUp'
};

Should work but it doesn’t.

Also not working:

var options = {
  mode: 'signUp'
};

even though it’s in the type definition of Auth0.js 9.10

[mathiasconradt]

Since you’re using the older auth0-js, the easiest is:

If you want to always show the signup page by default, simply hardcode

This needs to be set in Auth0 > Dashboard > Universal Login > Login > Customize Login Page (not in the client code / authorize request made from the client via auth0-js - I guess that’s the reason why it didn’t work when you tested it):

If you want to keep it dynamic based on the request made from the client, you can use the mode parameter - note that it must be put as option in the authorize method call, not in the constructor of the webAuth object (I guess that’s the reason why it didn’t work when you tested it):

  login(customState) {
    webAuth.authorize({
      appState: customState,
      mode: 'signUp'
    });
  }

Related:

How to redirect user to hosted signup page?

To open the sign up page in Lock you can use the [initialScreen] (https://auth0.com/docs/libraries/lock/v11/configuration#initialscreen-string-) configuration option. To send values into the hosted login page, you can send a query string parameter. In your application you would send: webAuth.authorize({ mode: 'signUp' }); In the hosted login page, you’ll then just need to add the initialScreen attribute in the Auth0Lock initialization code as: var lock = new Auth0Lock(config.clientID, confi…

[moshfeu]

Thanks! I’ll try it.