Login Control not working inside updatepanel

sohaibtoosy · April 25th, 2016, 10:31 AM

Hi,

Refer book "Beginning ASP.NET 4.5 in C# and VB". I putted a loginstatus control on masterpage (Fronend.Master) and tried to add extender (ModalPopupExtender). the login control is inside a panel and when login is clicked the login control appears (in sql server 2008 r2, the user and membership tables are also made by login control).

But when i click login button, nothing happens. I have tried to google it for 2 days, now I'm knocking your door.

Below is the code for master page.

Code:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Frontend.master.cs" Inherits="FashionReplica.MasterPages.Frontend" %>

<%@ Register Src="~/Controls/LoginControl.ascx" TagPrefix="uc1" TagName="LoginControl" %>
<%@ Register 
Src="~/Management/ManagementControls/LoginModalControl.ascx" TagPrefix="uc1" TagName="LoginModalControl" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>

<%//@ Register Src="~/Controls/topLoginUserStrip.ascx" TagPrefix="uc1" TagName="topLoginUserStrip" %>




<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>My Site Title</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="../Styles/styles.css" rel="stylesheet" />
    <script src="../Scripts/modernizr-2.8.3.js"></script>
    
    <link href="../Styles/button.css" rel="stylesheet" />    
    <link href="../Styles/dd.css" rel="stylesheet" />
    <link href="../Styles/dialog.css" rel="stylesheet" />    
    <link href="../Styles/jquery-ui.css" rel="stylesheet" />        
    
    <script src="../Scripts/jquery-2.2.1.js"></script>    
    <script src="../Scripts/jquery-ui-1.11.4.js"></script>    
    <script src="../Scripts/jquery-ui.js"></script>    
    <script src="../Scripts/modernizr-2.8.3.js"></script>

</head>
<body id="body">

    <form id="form1" runat="server">
        
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" EnablePartialRendering="true">
            <Scripts>
                <asp:ScriptReference Path="~/Scripts/jquery-2.1.4.min.js" />
            </Scripts>
        </asp:ScriptManager>    
        
    <div>
        <asp:UpdatePanel UpdateMode="Conditional" runat="server">
            <ContentTemplate>
        <asp:Panel runat="server" ID="Pan1" CssClass="modalPopup">                
                <asp:Login ID="Login1" runat="server" CreateUserText="SignUp" CreateUserUrl="~/Signup.aspx" FailureText="Wrong ID/Password"></asp:Login>
            </asp:Panel>
                </ContentTemplate>
        </asp:UpdatePanel>
        <asp:LoginStatus ID="LoginStatus1" runat="server" />
        
        <ajaxToolkit:ModalPopupExtender ID="LoginStatus1_ModalPopupExtender" runat="server" CancelControlID="btnCancle" BehaviorID="LoginStatus1_ModalPopupExtender" TargetControlID="LoginStatus1" PopupControlID="Pan1">
        </ajaxToolkit:ModalPopupExtender>
        
        <div class="site-title"><a href="http://p2p.wrox.com/Default.aspx">Site Title</a></div>
        <div id="loginModalUserControl" style="display:none;">
            <uc1:LoginControl runat="server" id="LoginControl" />
        </div>
        <nav>
            <ul id="menu">
                <li>
                <a href="http://p2p.wrox.com/Default.aspx">Home</a>
                   </li>
                <li>
                    <a href="http://p2p.wrox.com/About.aspx">About Us</a>
                </li>
                <li>
                    <a href="http://p2p.wrox.com/Conact.aspx">Conact Us</a>
                </li>
                <li>
                    <a href="http://p2p.wrox.com/Management/Add Brand.aspx">Add Brand</a>
                </li>
            </ul>

        </nav>
        
        <asp:ContentPlaceHolder ID="FirstContent" runat="server">
                        
        </asp:ContentPlaceHolder>
        
        <footer>Â© 2016 - Site Title</footer>
    </div>
    </form>
</body>
</html>

Imar · April 25th, 2016, 03:26 PM

Can you define "nothing happens"? Have you looked at outgoing requests with a tool like Fiddler or the Network tools in your browser? It may be doing something you're not seeing.

Not sure if this would even work. Logging in sets a cookie which needs to be sent to the browser and then be sent back to the server on the next request. You usually need a Redirect after a Login action to make it work.

Cheers,

Imar

sohaibtoosy · April 25th, 2016, 04:04 PM

Dear Imar,

Thanks for replying. Nothing means when I put login control inside updatepanel, clicking login button of login control shows no changes, or even failuretext in case of wrong user/pass.

As you have suggested i will make sure if anything is posted back by clucking button. Everything works fine when i use a separate login page instead of modal popup.

May b i have placed the loginstatus and login controls at wrong places. However, login control in same state was able to create user tables in sql server 2008 r2.

I cab share my code with you if you require.

Imar · April 25th, 2016, 05:28 PM

>> However, login control in same state was able to create user tables in sql server 2008 r2.

Yes, but that control works differently because it doesn't depend on cookies immediately (unless you auto login the new user)

>> I cab share my code with you if you require.

I don't think that would help in this case. There's probably nothing wrong with the code per se, but with the process which would be hard to see from the code alone. You'll need to do some further debugging and testing to make this work.

Did you look at similar problems with Logjn and an UpdatePanel? E.g.

http://stackoverflow.com/questions/2...ull%20postback

Cheers,

Imar

sohaibtoosy · April 30th, 2016, 03:52 PM

Dear Imar,

Thanks alot for your suggestion, and I have tried to postback in updatepanel triggers, both AsyncPostBackTrigger and PostBackTrigger.

Using PostBackTrigger causes the page to refresh and the login modal popup vanishes. I have to click on loginstatus control again which shows the faliure text of login control.

Trying to configure fiddler for AsyncPostBackTrigger. Is there anyway I can use VS13 to identify that login button on login control is causing event call using AsyncPostBackTrigger? Can't find click event for login so that I can place a breakpoint to know if button is still causing event to fire.

Regards,
Sohaib Toosy

Imar · May 4th, 2016, 02:43 PM

The control doesn't expose the Button's click event directly, but it should have something like OnLoggingIn.

Cheers,

Imar

sohaibtoosy · May 8th, 2016, 01:46 AM

Dear Imar,

Thanks alot for your suggestion. I have tested and OnLoggingIn is fired when I click Login button of Login control from within Ajax Modal popup.

But unfortunately, my problem still persists

and I am unable to understand why Login control is behaving like this. It was supposed to show FailureText or allowed user to login.

sohaibtoosy · May 8th, 2016, 10:56 AM

Hi,

I have also tried this;

Code:

<asp:UpdatePanel runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Login1" EventName="LoggingIn" />
            </Triggers>
            <ContentTemplate>
        <asp:Panel runat="server" ID="Pan1" style="display:none;" CssClass="modalPopup">
                <asp:Login ID="Login1" runat="server" CreateUserText="SignUp" CreateUserUrl="~/Signup.aspx" FailureText="Wrong ID/Password" OnLoggingIn="Login1_LoggingIn"></asp:Login>
            </asp:Panel>
        </ContentTemplate>
        </asp:UpdatePanel>

Even with trigger, no luck. When I use postbacktrigger, the whole page is posted back, like the page refresh and popup is not shown anymore, when i click on loginstatus again, popup appears with failure text.

Kindly guide further.

Imar · May 8th, 2016, 05:17 PM

Like i said, it may not work at all without some additional work: http://ajax.asp.net/ajax/documentati...atibleControls

Cheers,

Imar

sohaibtoosy · May 18th, 2016, 12:36 PM

Dear Imar,

Thanks for your tip. I have found that the control is actually working if correct ID/Password are given. Its only the literal control that is not updating inside update panel when wrong ID/Password are given. I converted the login control into template.