Login in bootstrap modal

Hello,

I am a beginner to asp.net. I am currently working on a school project and I am using bootstrap modals for login and register. I am using the login and create user wizard and they work fine if i use them in a normal webform but the moment i insert them dynamically in my modal and press the button I get an error (

The resource cannot be found.

Description: HTTP 404. The resource you are looking for (or one of its dependencies) could have been removed, had its name changed, or is temporarily unavailable. Please review the following URL and make sure that it is spelled correctly.
)

"formLogin" runat="server">
<%-- Modal --%>
class="modal-content">
class="modal-header">
"button" class="close" data-dismiss="modal" aria-label="Close">"true">×
"lblModalTitle" runat="server" CssClass="modal-title">Log in

class="modal-body">

"Login2" runat="server" CssClass="User" DestinationPageUrl="~/Login/Home.aspx">

"loginform" class="form-horizontal" role="form">

class="input-group">

class="input-group-addon">class="glyphicon glyphicon-user">

"server" ID="UserName" CssClass="form-control" placeholder="User Name">

"RequiredFieldValidator1" runat="server" ControlToValidate="UserName" Display="Dynamic" ValidationGroup="Login" ErrorMessage="Please enter an User Name" CssClass="error">Please enter an User Name

class="input-group">

class="input-group-addon">class="glyphicon glyphicon-lock">

"server" ID="Password" CssClass="form-control" placeholder="Password"

TextMode="Password">

I'm afraid you might have to load the login page into an Iframe to maintain the postback

Here is an example.

http://jsfiddle.net/arx9u/18/

You also need to add an action to the modalDefaultLogin.aspx so that the LoginButton click will always post to /modals/modalDefaultLogin.aspx and not to modalDefaultLogin.aspx relative to default.aspx hierarchy

If you go with iframe, make sure to move all the Javascript and css related to the funtionality into the modalDefaultLogin.aspx page. Same will apply to the Registration page.

I was trying to upload it but the files were to big I think. Uploaded all here: https://github.com/lilhusky/MealPlanner

I tried what you suggested but i get the same result. and I see I missed a part of the error. It says

Requested URL: /modalDefaultLogin.aspx

So what I can make of it is that the button tries to load the modal again but it is unsuccessful.

i still didn't see you uploading any code. anyway, try change this line to DestinationPageUrl="~/Default.aspx" from

DestinationPageUrl="~/Login/Home.aspx" for testing purposes.

Download link not working.

Can you dump the code into .zip and i can take a look.

There is no redirection in the code behind. And I tested it by opening it in a normal window(not in a modal) and everything works perfectly

Did you verify if this link valid? /Login/Home.aspx or any other redirection in the code behind?

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bryian Tan9y ago
Accepted answer
I'm afraid you might have to load the login page into an Iframe to maintain the postback

Here is an example.
http://jsfiddle.net/arx9u/18/

You also need to add an action to the modalDefaultLogin.aspx so that the LoginButton click will always post to /modals/modalDefaultLogin.aspx and not to modalDefaultLogin.aspx relative to default.aspx hierarchy

If you go with iframe, make sure to move all the Javascript and css related to the funtionality into the modalDefaultLogin.aspx page. Same will apply to the Registration page.
Alex Dd9y ago
I was trying to upload it but the files were to big I think. Uploaded all here: https://github.com/lilhusky/MealPlanner

I tried what you suggested but i get the same result. and I see I missed a part of the error. It says
Requested URL: /modalDefaultLogin.aspx
So what I can make of it is that the button tries to load the modal again but it is unsuccessful.
Bryian Tan9y ago
i still didn't see you uploading any code. anyway, try change this line to DestinationPageUrl="~/Default.aspx" from
DestinationPageUrl="~/Login/Home.aspx" for testing purposes.
Bryian Tan9y ago
Download link not working.
Bryian Tan9y ago
Can you dump the code into .zip and i can take a look.
Alex Dd9y ago
There is no redirection in the code behind. And I tested it by opening it in a normal window(not in a modal) and everything works perfectly
Bryian Tan9y ago
Did you verify if this link valid? /Login/Home.aspx or any other redirection in the code behind?
Alex Dd9y ago
the LoginButton
Bryian Tan9y ago
Which button?