I have three modal popup and three link buttons the first link button is on menu i.e. login that shows login-popup and the login popup contains two links forgot password and register both of them opens a popup but the problem is the login popup isnt hiding with click on register or foreget link the popups are appearing perfectly but arent hiding.
the html for all three popup is as shown below:-
<cc1:ModalPopupExtender ID="Modallogin" runat="server" PopupControlID="loginpanel" TargetControlID="loginlink" BackgroundCssClass="modalBackground"
CancelControlID="lnkforgot">
</cc1:ModalPopupExtender>
<asp:Panel ID="loginpanel" runat="server" CssClass="modalPopup">
<div class="header">
Login Details
<div style="float: right;">
<asp:ImageButton ID="close" runat="server" ImageUrl="~/images/close2.png" OnClick="close_Click" />
</div>
</div>
<div class="body" style="text-align: center;">
<table style="margin-left: 50px; width: 350px;">
<tr>
<td>
<div style="float: left;">
<asp:Label ID="lblusername" runat="server" Text="UserName" ForeColor="Black"></asp:Label>
</div>
</td>
</tr>
<tr>
<td>
<div style="float: left;">
<asp:TextBox ID="txtusename" runat="server" CssClass="textboxpop"></asp:TextBox>
</div>
<div style="float: right">
<%--<asp:Label ID="Label4" runat="server" Text="Label" ForeColor="#FF3300" Visible="False"></asp:Label>--%>
</div>
</td>
</tr>
<tr>
<td>
<div>
<div style="width: 80px; float: left;">
<asp:Label ID="lblpassword" runat="server" Text="Password" ForeColor="Black"></asp:Label>
</div>
<div style="float: right; text-align: left;">
<asp:LinkButton ID="lnkforgot" runat="server" OnClick="lnkforgot_Click" Font-Size="Small" Font-Underline="True" Font-Bold="False" Text="ForgotPassword"></asp:LinkButton>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div style="float: left;">
<asp:TextBox ID="txtpassword" runat="server" CssClass="textboxpop" TextMode="Password"></asp:TextBox>
</div>
<div style="float: right;">
<%-- <asp:Label ID="Label3" runat="server" Text="Label" ForeColor="#0033CC"></asp:Label> --%>
</div>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" runat="server" Text="Submit" CssClass="myButton" />
<asp:LinkButton ID="lnkregister" runat="server" Font-Size="Small" ForeColor="#0066CC" OnClick="lnkregister_Click" Font-Bold="False" Font-Underline="True">Not a Member? Register Here</asp:LinkButton>
</td>
</tr>
</table>
</div>
</asp:Panel>
<cc1:ModalPopupExtender ID="Modalforget" runat="server" PopupControlID="panelforgot" BehaviorID="mpe2" BackgroundCssClass="modalBackground" TargetControlID="lnkforgot" CancelControlID="lnkloginfor">
</cc1:ModalPopupExtender>
<asp:Panel ID="panelforgot" runat="server" CssClass="modalPopup" Height="150px">
<div class="header">
Enter Details!!!
<div style="float: right;">
<asp:ImageButton ID="closeforgot" runat="server" ImageUrl="~/images/close2.png" />
</div>
</div>
<div class="body">
<div>
<asp:Label ID="lblforgotemail" runat="server" Text="Enter Your Email-ID!!"></asp:Label>
</div>
<div>
<div style="float: right;">
<asp:LinkButton ID="lnkloginfor" runat="server" Text="Click Here To login"></asp:LinkButton>
</div>
<asp:TextBox ID="txtforgotemail" runat="server" CssClass="textboxpop"></asp:TextBox>
</div>
<div style="text-align: center">
<asp:Button ID="Button2" runat="server" Text="Submit" OnClick="Button2_Click" CssClass="myButton" />
</div>
</div>
</asp:Panel>
<cc1:ModalPopupExtender ID="Modalregister" runat="server" BackgroundCssClass="modalBackground" PopupControlID="panelregister"
TargetControlID="lnkregister" CancelControlID="closereg">
</cc1:ModalPopupExtender>
<asp:Panel ID="panelregister" runat="server" CssClass="modalPopup">
<div class="header">
Enter Registration Details!!
<div style="float: right;">
<asp:ImageButton ID="closereg" runat="server" ImageUrl="~/images/close2.png" />
</div>
</div>
<div class="body">
<asp:Button ID="Button3" runat="server" Text="Button" OnClick="Button3_Click" />
</div>
</asp:Panel>
and the codebehind file that i wrote some code which also isnt working is as shown below:-
protected void Button2_Click(object sender, EventArgs e)
{
Modalforget.Hide();
}
protected void lnkregister_Click(object sender, EventArgs e)
{
Modallogin.Hide();
Modalregister.Show();
}
protected void lnkforgot_Click(object sender, EventArgs e)
{
Modallogin.Hide();
Modalforget.Show();
}
protected void Button3_Click(object sender, EventArgs e)
{
Modalregister.Hide();
}
protected void close_Click(object sender, ImageClickEventArgs e)
{
Modallogin.Hide();
}
i also used breakpoints on link click event and are not going to code behind file on click and popup is just shown without hiding the other pls help on that!!
and the css used is i found on aspsnippet site!