How do you enable the Password Reset feature to the CSM Portal?

marclindsay
Tera Guru

‎06-12-2019 09:09 PM

Found SNow Documentation on how this is suppose too work, but my login page is not showing the forgot password link. Just trying to use the Out-of-the-box CSM Portal within a personal instance. No Customization at this point. 

 

find_real_file.png

 

Thanks

Marc....

Labels:
Preview file
14 KB
0 Helpfuls
  • 2,697 Views
4 REPLIES 4

DirkRedeker
Mega Sage

‎06-12-2019 10:39 PM

Hi Marc

The Screenshot you are showing pops up, when you click on "Login" on the CSM homepage.

To use the Password Reset function, you need to add the "Password reset" Widget to the page you like it to appear.

 

In my example, I added that Widget just to the Homepage of the CSM Portal (see screenshot below):

find_real_file.png

 

When you look at Service Portal again,you will just see a link, which is the Widget in fact:

find_real_file.png

 

By clicking on that link, you will reach the password reset page.

 

find_real_file.png

 

Just let me know, if that helped, or answered your question.

BR

Dirk

Preview file
555 KB
Preview file
579 KB
Preview file
9 KB
0 Helpfuls

Prabhat Mishra
ServiceNow Employee
ServiceNow Employee

‎06-13-2019 03:03 AM

Hi Marc,

Service Portal login modal doesnt support the Forgot Password yet. We have added this support in our upcoming release (New York). I would suggest you to wait for the NY release and then upgrade.

But in case you would want to add this feature in your current release, you will have to customize the login widget (customizations are highly discouraged). Please follow below steps and you should see end result like below screenshot. You will need MAINT access for this and a little HTML/CSS knowledge.

find_real_file.png

1. Go to Login widget: <instance>/sp_config?id=widget_editor&sys_id=6506d341cb33020000f8d856634c9cdc

2. In the HTML Template section, just before the 'Login' button div, put the below code.

<div ng-if="::(c.data.forgotPwdLinkProp == 'true')" class="forgot-text" class="col-xs-12">
   <a class="forgot-pwd-link" ng-href="{{::c.data.pswdResetUrl}}" aria-label="${Please click here to reset your password}">${Forgot Password ?}</a>
</div>

3. Put below code in widget server script.

data.pswdResetUrl=gs.getProperty('glide.security.password_reset.uri');
data.forgotPwdLinkProp=gs.getProperty('glide.security.forgot_password.display.link');

4. (Optional) Write styles in CSS section to display the text as per your needs.

5. Save.

You should see a forgot password link on your login popup.

 

Regards,

Prabhat

Preview file
16 KB
Preview file
16 KB

marclindsay
Tera Guru
In response to Prabhat Mishra

‎06-13-2019 05:51 AM

Had to clone existing widget would not allow me to update. Now trying to figure out how to get this new widget instance on Login screen and remove the existing widget instance. 

 

0 Helpfuls

khadija3
Tera Guru
In response to marclindsay

‎06-13-2019 09:05 AM

Emm It's quit tricky but first you need to create an instance for your cloned widget just like the OOB one 

sp_instance.do?sys_id=39ff2bf923410300afff2d0d96bf65f7&sysparm_record_target=sys_metadata&sysparm_record_row=3&sysparm_record_rows=3&sysparm_record_list=123TEXTQUERY321%3D*login-modal-customerservice%5EORDERBYzztextsearchyy

and then change this line in the server script of your cloned widget to put your new instance 

data.loginWidget = $sp.getWidgetFromInstance('login-modal-customerservice');

 

Regards,

Khadija

0 Helpfuls