Hi, In the Okta apps, there is a feature where Okta can redirect the user to a custom login page to perform the authentication. Is there any way in Okta that can help to achieve this for OIDC apps. The use case is, where Login page should ask first Username only and If the username is exists then g…

You will need to make some API calls to achieve this goal. Hosting a login portal yourself can be done with okta API calls, the widget makes it easy and it can listen on certain events. You can also override some of it’s behavior with javascript. You can first show a simple form with just username…

Thanks @Ironhide for your quick response. But I have to integrate OIDC authentication with many applications which are already developed into different-2 technologies. The requirement is to use this single custom login application for all the OIDC applications. Is this possible in Okta?

Hello @rajivranjan.kumar I am also having the same requirement. Have you got the solution on this? Thanks

Hi @tparikh could you please describe the experience you’d like to achieve? We may then be able to provide some suggestions.

@abole We have standalone application (React + NodeJS) which uses embedded Okta SigIn Widget( with authorization code flow) to show Okta login UI The use case is, where Login page should ask first Username only and If the username is exists then go to second step and ask for Password and if passw…

Hi @tparikh For #1: I don’t know of any default config settings you can apply to a custom hosted widget to do that. As you’re hosting, you can certainly make changes to your build of the widget to create that kind of experience. In the Okta Identity Version there’s a new interaction flow you can …

@abole Thanks for the information. For #1 - We are using embedded Custom Okta SignIn widget not a hosted one. I got the Solution, If we pass “idpDiscovery” parameter as true then it give me the same experience “Username first and if user types an email then password field gets populated” Let us …

Mate, you’ve taught me something! Do you by any chance have an okta reference for the idpDiscovery config feature? I couldn’t see anything on github (though there seem to be multiple 3rd party articles which reference it and it obviously works) For #2, if you inspect the calls the Okta widget makes…

@abole Unfortunately, there is no okta reference for the idpDiscovery feature, which indicates about “Username first and if user types an email then password field gets populated”. Actually, in my project there is also a requirement to support idp feature, so I was just exploring on idpdiscovery fe…

Yes, the calls to /authn and /authorize would be by the front end. If you check the chrome dev tools when you’re logging in with the widget you may actually see these happening. The widget uses a /authn call to post in the credentials. A basic sequence of the flows would be: Browser → /authn (POST…

Login page should have Username first and then ask for Password in second step

Questions

abole June 7, 2022, 9:57pm 14

Good morning,
Would something like this do the trick?

Post		Replies	Views
Self hosted widget does not display password on the same screen as username OAuth/OIDC	2	2433	July 26, 2023
Angular custom login page with pkce flow OAuth/OIDC	1	1781	July 31, 2023
Add Authentication to Any Web Page in 10 Minutes Developer Blog Comments	108	8163	October 6, 2022
Login form Webview disable username desktop application pkce relogin after token expiry OAuth/OIDC	0	2218	October 21, 2022
Okta IDP Redirection based on the email id Questions	0	2608	March 30, 2022

Login page should have Username first and then ask for Password in second step

Related topics