Jump to content
  • 0

Authentication in a modal window?


alineer
 Share

Question

Hi all, 

I'm trying to do authentication in a modal window. It works fine on the happy path, as in the user inputs valid credentials . However, if a user puts in bad credentials or no credentials, the page refreshes and in order to see the error message, you must click the login button again. This is less than optimal UX. I have tried all the options in the standard Caspio feature set, and still can't seem to redirect to the modal window with the error message displayed on fail. I'm wondering if there's a way to achieve this behavior with javascript, or a clever workaround. 

Thanks.

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

When I click on login it takes me to https://sandbox.trackitez.com/index.html?cbr=f03d4000daaf244c3c874b938d19#login-modal

And now if I just hit refresh it refreshes the page and takes me to

https://sandbox.trackitez.com/index.html?appSession=XXXX

 

Therefor the pop up is not there. If I open the login again I see the error message .....

Link to comment
Share on other sites

  • 0

I actually figured this out. 

It is hacky, but it works. Here's a link with a working demo: https://sandbox.trackitez.com/index1.html?cbr=f03d4000daaf244c3c874b938d19

What I had to do was embed the form into an iframe, and then, edited the specific login page for the module to route to parent.location.href, and not window.location.href. 

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...