Forgot Password page into modal

API & Customization Ask Developers
1

Hey!

Does anyone know how to convert the Forgot Password page into a modal “popup” using JS?

If yes, can you please share the code for it?

Thank you!

2

Hey,

Try this…

JS

$(document).on(‘knack-view-render.any’, function(event, scene, data) {
if ($(’#knack-reset-pass’).length) {
$(’.kn-scene’).addClass(‘reset_pass_scene’);
$(’#knack-reset-pass’).slideDown(800);
}else{
$(’.kn-scene’).removeClass(‘reset_pass_scene’);
$(’#knack-reset-pass’).slideUp(800);
}
});

CSS

#knack-reset-pass {
padding: 20px;
border-radius: 1em;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 500px;
height: 280px;
margin: auto;
background: linear-gradient(145deg, #E6E6E6, #FFFFFF);
box-shadow: 20px 20px 60px #D9D9D9,
-20px -20px 60px #FFFFFF;
display:none;
}.reset_pass_scene {
position: absolute;
bottom: 0px;
}