When I use Universal Login Page Templates API, I can't customized Universal Login Page

Help
1

Hi there.

I would like to customize the Universal Login screen using the Universal Login Page Templates API.
I have set up a Custom Domain for this and sent an update request to the API as described on this page.

But the Universal Login screen is not customized and shows the Default Lock screen.
Please let me know if there is something I haven’t set up.

The customization values are as shown in this page.

When the template is retrieved, the following response is returned

{
    "body": "<!DOCTYPE html><html>  <head>    {%- auth0:head -%}    <style>      body {        background-image: radial-gradient(white, rgb(200, 200, 200));      }      .footer {        background-color: rgb(120, 120, 120);        position: absolute;        bottom: 0;        left: 0;        padding: 16px 0;         width: 100%;        color: white;        /* Use a high z-index for future-proofing */        z-index: 10;      }      .footer ul {        text-align: center;      }      .footer ul li {        display: inline-block;        margin: 0 4px;      }      .footer ul li:not(:first-of-type) {        margin-left: 0;      }      .footer ul li:not(:first-of-type)::before {        content: '';        display: inline-block;        vertical-align: middle;        width: 4px;        height: 4px;        margin-right: 4px;        background-color: white;        border-radius: 50%;      }      .footer a {        color: white;      }    </style>     <title>{{ prompt.screen.texts.pageTitle }}</title>  </head>  <body class=\"_widget-auto-layout\">    {%- auth0:widget -%}    <footer class=\"footer\">      <ul>        <li><a href=\"https://company.com/privacy\">Privacy Policy</a></li>        <li><a href=\"https://company.com/terms\">Terms of Service</a></li>      </ul>    </footer>  </body></html>"
}
2

Have you already checked that you do NOT have the classic experience selected (Auth0 Universal Login)? In addition, have in mind that even if the new experience is selected in that selection screen, **you will also need to ensure that in the Login page tab you do not have customization toggle enabled.

When the Customize Login Page is enabled this will override the experience selection and force classic experience.

1 Like
3

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

5

Hi team! :raised_hand_with_fingers_splayed:

This is just a heads-up that we’ll be hosting an Ask Me Anything (AMA) session all about Universal Login, and this question is relevant to our event. Auth0 by Okta Subject Matter Experts will answer your question on Thursday, October 24th, from 9 a.m. to 11 a.m. PST.

:thinking: Have more questions about customizing your login experience, boosting security, or implementing advanced features?

:point_right: Drop your questions in this thread before October 23rd, and our experts will provide answers during the AMA!

:tada: Plus, you’ll earn points and a special badge for participating!

Ask Me Anything: Tailor Your Experience with Universal Login — From Low-Code to Pro-Code

Dawid