.ulp-alternate-action Does Not Work in New UL Template Anymore
A tenant has been configured to use New Universal Login. There is a requirement to permit Sign Up for only certain applications. This may arise in certain use cases, such as when a service provider permits sign-ups via a regular web app but not from a mobile app.
Until recently, it was possible to hide the text prompt "Don't have an account? Sign up" using a CSS modification.
{% if isInvite == true or loginSignupDisabled == true %}
<style>
.ulp-alternate-action {
display: none;
}
</style>-->
However, following a change in April / May 2023, this CSS 'hack' no longer works. Following an Auth0 code change around that time, the ulp-alternate-action class is now added to both the Sign-Up and Forgot Password. Is it possible to hide this text prompt?
Symptoms
Links are visible/invisible when they should not be.
Steps to Reproduce
Use the class '.ulp-alternate-action' in the New UL template.
However, this is not reproducible as the code change has already enacted the newly modified behaviour.
Troubleshooting
This is not a supported CSS class in the New UL template and customers SHOULD NOT be using this method. The documentation clearly warns that any "unofficial" modifications to the CSS is not without operational risk. For further information, refer to CSS customization
There is currently a work item in the Engineering backlog.
In the mean time, here is a temporary workaround to the problem:
<style>
.ulp-alternate-action {
display: none;
}
form[data-form-primary] .ulp-alternate-action {
display: block;
}
</style>
The mode of behavior that customers are seeking is not currently supported out of the box by Auth0.
Related References
- Customize New Universal Login Text Prompts
- Sign-up Prompt Customizations - currently an early-access feature