Custom Open Id Connect login UI? Skip to main content
https://support.okta.com/help/answers?id=9062a000000bmebqay&refurl=http%3a%2f%2fsupport.okta.com%2fhelp%2fanswers
How satisfied are you with the Okta Help Center?
Thank you for your feedback!
How satisfied are you with the Okta Help Center?
1
2
3
4
5
Very Dissatisfied
Very satisfied
Enter content less than 200 characters.
Ask Search:
Ricardo MorinRicardo Morin 

Custom Open Id Connect login UI?

Hi,

When use OpenID authentication either directly via the OpenId end points or using the Okta SDK authClient.token.getWithPopup function, I see the default Okta login screen. Is it possible to customize or replace this login screen?

Thank you,

Ricardo

Raphael LondnerRaphael Londner (Okta, Inc.)
Hi Ricardo,

It is true that if you use the getWithPopup function, you essentially opens up the login page of your Okta organization.

There are various customization options for your Okta organization main login page (see the Settings Page documentation (https://help.okta.com/en/prev/Content/Topics/Settings/Settings.htm)), but if you want to use the Okta AuthJS SDK, you're better off building your own UI on a specific page of your app. Have you looked at our code samples on https://github.com/oktadeveloper by any chance? This code sample (https://github.com/oktadeveloper/okta-oauth-spa-authjs-osw) might prove useful, but feel free to get back to us or write at developers@okta.com if you need further help.
Ricardo MorinRicardo Morin

Hi Raphael:

This also happens if I use straight OpenID Connect to authenticate (i.e., neither Okta SDK, Okta Widget nor Okta SDKs).

Is it possible to customize what you describe as the "the login page of your Okta organization"? For example, by styling the default login widget and make it the default for the organization.

Thank you,

Ricardo

Raphael LondnerRaphael Londner (Okta, Inc.)
Hi Ricardo,

You are correct that this also happens who you use "straight OpenID Connect" to authenticate since the user is redirected to the login page of your Okta organization.

Would this page (https://help.okta.com/en/prev/Content/Topics/Settings/Settings_Appearance.htm) be more appropriate to customize your Okta organization login page maybe? Let me know.

Thank you,

Raphael.
Raja GottumukkalaRaja Gottumukkala
This is very old message, but I am also looking for this. Your link is helpful but I dont have much options to customize the screen there,

What I am looking for is this:
1. My organization name/log and Client Application Name/Logo.
2. A Custom message common to all the apps and message specific to an application

Is this possible with Okta?