Hi all,
I’m currently utilizing Universal login and would like to include a link below the ‘Continue’ button on the login screen.
Is it possible to customize the auth0:widget through templates? I see that there is way to add a tag outside of the widget, but I’m wondering if it’s possible to add something within the auth0:widget.
<!DOCTYPE html>
<html>
<head>
{%- auth0:head -%}
</head>
<body>
{%- auth0:widget -%}
<span>hello all</span>
</body>
</html>
thanks
I was able to get it rendered:
<!DOCTYPE html>
<html>
<head>
{%- auth0:head -%}
</head>
<body class="_widget-auto-layout">
{%- auth0:widget -%}
<scr`+`ipt>
document.addEventListener("DOMContentLoaded", function (event) {
{% if prompt.name == "login" %}
var contactSpan = document.createElement('span');
contactSpan.id = 'contactSpan';
contactSpan.innerHTML = 'Having trouble logging in? ';
var contactLink = document.createElement('a');
contactLink.href = 'mailto:example@example.com'; // Replace 'example@example.com' with the actual email address
contactLink.textContent = 'Contact Us';
contactSpan.appendChild(contactLink);
// Find the form element and insert the contact span as the last child
var form = document.querySelector('form');
if (form) {
form.appendChild(contactSpan);
};
{% endif %}
});
</scr`+`ipt>
</body>
</html>
2 Likes
Perfect! Thanks for sharing it with the rest of community!