Lock screen customisation

Can you please provide a code sample or point me to a GitHub example of the lock screen customization. Nothing fancy, just looking to add my Logo and color. I did customize my passwordless screen but having trouble with the lock screen. My app is a single page Ang app.

LMGTFY: Lock UI Customization

search terms used: auth0 lock customization

Thanks. Is there a code sample I can download?

Here is my code in the index.html. where would I instantiate color and logo. I tried and cant seem to get it to work. Thanks.

<meta charset="utf-8">

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//use.typekit.net/iws6ohy.js"></script>
<script>try {
    Typekit.load();
} catch (e) {
}</script>
<script src="https://cdn.auth0.com/js/lock/11.0.1/lock.min.js"></script>




<!-- font awesome from BootstrapCDN -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="app.css" rel="stylesheet">





<div class="login-page clearfix">
    <div class="logged-in-box auth0-box logged-in" style="display: none;">
        <h1 id="logo"><img src="my logo.png"/></h1>
        <img class="avatar"/>
        <h2>Welcome <span class="nickname"></span></h2>
    </div>
</div>

Hey there!

Terribly sorry for such huge delay in response. There were a lot of changes in Auth0 teams structure in the meantime which might have caused the delay. Here’s the doc that will guide you step by step how to achieve what you want:

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