To show "Back to sign in" link on custom Okta SignIn Widget

Questions
1

@abole @andrea
I am using okta-signin-widget with PKCE flow like below -

import OktaSignIn from '@okta/okta-signin-widget'

var signIn = new OktaSignIn(
  {
    issuer: 'https://{yourOktaDomain}/oauth2/default',
    clientId: '{{clientId of your OIDC app}}',
    redirectUri: '{{redirectUri configured in OIDC app}}',
    baseUrl: issuer.split('/oauth2')[0],
    features: {
      showPasswordToggleOnSignInPage: true,
      registration: true,
      idpDiscovery: true
    },
    idpDiscovery: {
      requestContext: window.location.href
    },
    ....
    .....
  }
);

My requirement is to show the “Back to sign in” link on custom Okta Sigin Widget on below screen -

image
image754×671 41.9 KB
.

Once we click on “Back to sign in” link then it should navigate to “Email Screen”. Check below Screenshot for the same -

image
image753×596 34.8 KB

I am gone through documentation and okta configuration options but didnt find anything related to it.
Any idea on this?

Thanks

2

Yeah, I don’t think there’s any out of the box functionality to do that @tparikh. I think you can force the view back to what you want with javascript though. Add your own custom link with the action to be to a js function.

With a client we’ve got an auto javascript handler that swaps the credential to password as a default (it can vary when factor sequencing is enabled).

3

@abole
Thank you for information!
I was also thinking the same tht we need to add link on the fly.
But here the problem is that onClick of link, we have to load the page using “window.location.href”, which refresh the page with some loading icon on UI and after loading finishes it shows the widget.
I want is that it should switch back to “Email screen” quick just like it swaps the credential to password.