Modal Logon Form

daniel dixon asked on February 24, 2015 17:00

Hi Guys

Does anyone have any examples of a logon form using a modal popup. I have tried various ones with no luck.

Correct Answer

Brenden Kehren answered on February 24, 2015 18:26

Are you using any kind of framework like Bootstrap or Foundation? If so they already have modals included and by simply wrapping your login form in one of those div's with that class, it will work almost out of the box. Otherwise you'd have to use some javascript or jQuery

0 votesVote for this answer Unmark Correct answer

Recent Answers


Virgil Carroll answered on February 24, 2015 17:15

When you say no luck, can you provide a little more detail on what you have tried and what has not worked? Might be able to provide some guidance on how to make what you have done work.

0 votesVote for this answer Mark as a Correct answer

daniel dixon answered on February 24, 2015 17:22

The site template I am using has a working modal but the form is stored in a JS file. I used javascript web parts to surround the login form but it was too imbedded to use that way.

I them tried wijmo modal which toggles a containing div based on its ID but there seems to be a conflict becuase the console lit up like a christmas tree and java is not my strong point.

I also looked at the Properties Tab > Javascript Command to try and get it to open as a modal dialogue but I could not get it to open a page

0 votesVote for this answer Mark as a Correct answer

daniel dixon answered on February 25, 2015 12:08

No not at the minute but I am thinking of just starting the site all over again with bootstrap.

0 votesVote for this answer Mark as a Correct answer

daniel dixon answered on February 27, 2015 16:15

Dumped the site completely and started again with bootstrap, when it came to the modal what took me 8 hours and looked rubbish took me three minutes once bootstrap was integrated and it looks awesome

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.