InitialScreen doesn't seem to be working for Auth0LockPasswordless

We have a combination of Social (Google) and Passwordless connections for our login page.
We are using Auth0LockPasswordless API and Classic Universal login.
We do have two separate buttons for Sign up and Login and would like to show “Sign up with Google” when the Sign up button is clicked and “Login with Google” when the login button is clicked.

Code is something like this and doesn’t work:

const initialScreen = window.location.href.includes("login") ? 'login' : 'signUp';
lock.show({initialScreen: initialScreen});

And lock is an object of Auth0LockPasswordless .

Does the initialScreen work in conjunction with the Passwordless option? Please let me know if we are missing anything here.
Thanks!

Hi @dynosapp,

Can you post a screen shot of the page you would like to have be the initial screen?

Thanks,
Dan

Sure. Please see the attached.

You can change this text to what you want by adding languageDictionary.signUpWithLabel = 'Log in with %s' to the customization page.

The en languageDictionary options are available here:

Note: The passwordless pages work differently than normal signup and login pages, that is why you are seeing nothing from the initialScreen setting.

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.