Customize sign in widget - forgot password link

Questions
1

I am customizing the sign in widget and adding a different url for the forgot password link, the one thing I noticed is that in order to display the forgot password link you need to click the ’ Need help signing in?’. My question is there anyway to default the display of the forgot password link onto the widget?

2

Hello,
I don’t believe there is an option that can be passed for this.
The options I know of would be to either clone the widget repo and make the change, or with the existing Widget use the afterRender() callback to do this via JS.

3

My I ask what the code for the afterRender() might look like to show the forgot password link in the widget

4

You can use CSS,

    <style>
      #help-links-container {
        display: block !important;;
      }
    </style>

For afterRender(),

oktaSignIn.on('afterRender', function (context) {
    document.getElementById("help-links-container").style.display="block";
});