Login pages design

Help
,
1

Hello.

We are currently creating multiple applications using one tenant.
However, we are facing a problem where the background image, etc. for the login page set for one application is applied to the other applications, and we cannot set the design individually.

We are using the “Branding>Universal Login >Advanced Options” for development, but any other ideas would be appreciated.

3

Hi @canvas.future.paymen

Welcome to the Auth0 Community!

Correct me if I’m wrong. You have multiple separate applications under one tenant and would like to customize the universal login page for all applications in the single UI instance.

To achieve this flow, you will need to create separate lock configurations within Custom Universal Login Page. Based on the clientID, unique for each application, you can hardcode and conditionally determine which Lock configuration to render for which application.

    if(config.clientID === 'ApplicationAClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    if(config.clientID === 'ApplicationBClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    }else{
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    }

For further Lock customization, check our documentation which you can find here

This configuration allows you to change the mode to Passwordless. In the example, Application A and B will use default Lock, and Application C will use Passwordless mode.

    if(config.clientID === 'ApplicationAClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    if(config.clientID === 'ApplicationBClientID'){
      var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      ...
      }
    }else{
      var lock = new Auth0LockPasswordless(config.clientID, config.auth0Domain, {
      ...
      }
    }

More details about Lock initial configuration you can find here

Please let me know if you have more questions.

Thanks,
Dawid

4

Your lesson was very useful to me.
Thanks.

5

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