Custom Login Form

Currently there are a few ways to implement custom login for a user through auth0. What I need is have a completely custom look and feel instead of the styling of auth0. I really don’t like the idea of overriding the CSS implemented by auth0 and hence I want to have my own form.

I tried using the method:

webAuth.redirect.loginWithCredentials({
  connection: 'Username-Password-Authentication',
  username: 'testuser',
  password: 'testpass',
  scope: 'openid'
});

but this gives deprecation warning and tells me to use webAuth.authorize({}). But the problem with the later is it opens up the hosted page where again I need to use the auth0 lock which is predesigned by the auth0.

The other idea of token does not suits well for me as I need to code response type to a standard backend callback url in order to implement the session data.

It would be really great if the feature persists in the future releases as well or there is a way to implement the same with webAuth.authorize method.

Currently using: auth.js --> 8.2.0 browser --> Google Chrome Version 56.0.2924.87 (64-bit)

[SteveByerly]

This isn’t really a good answer. Auth0 directs users to use the custom login pages all over the documentation, but doesn’t address the fact that several things break when you try to implement using the recommended login functions.

I’m still hoping that the auth0-js docs will address the different auth flows and how/why they differ in more detail.

[hzalaz]

@bragma in a simplified way yes. As long you use the OAuth flow to authenticate (by calling /authorize) renewAuth will work