Hi,
im using popup control extender to display a register form , and also when user clicks on User ID text box in the Register form another popup appears which displays Guidance for filling the registeration form.
My problem is that when i click on UserId text box another popup comes but Register Popup disappears although i want same
i tried puttng the panel of Register form inside updatepanel than it is giving me errror like
An extender can't be in a different UpdatePanel than the control it extends.
Is there any other way to display such infomative popups im not getting the solution so i switched to popup control extender provided by ajax control toolkit
there are many website which uses such small popups to display information about current item selected or hightlighted i want to do the same whenever user clicks on any text box in the register form so i used popup control extender for every such text box but as i said one popup comes and other disappears
Please help me out...
Thanks in advance
Here is my master page code:
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="Stylesheet" type="text/css" href="StyleSheet.css" />
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
#form1
{
height: 42px;
}
.style8
{
width: 13px;
}
.style9
{
}
</style>
</head>
<body>
<form id="form1" runat="server">
<script type="text/javascript">
function PopUpDisplay(number) {
}
</script>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<div>
<div style="z-index: 103; left: 13px; width: 990px; position: absolute; top: 9px;
height: 64px">
<br />
<b>Change City</b> : <span class="style2">
Ahmedabad | Bangalore | Chennai | Delhi | Hyderabad | Kolkata | Lucknow | </span>
<span class="style3">Mumbai</span><span class="style2"> | Pune </span>
<asp:LinkButton ID="SignInLink" runat="server" style="text-decoration:none">Sign In</asp:LinkButton>| <asp:LinkButton ID="ForgotPwdLink" runat="server" style="text-decoration:none">Forgot Password</asp:LinkButton><br />
<asp:LinkButton ID="RegisterLink" runat="server" style="text-decoration:none">Register</asp:LinkButton> for <span class="style4">FREE<br />
</span>
<cc1:PopupControlExtender ID="RegisterPopup" runat="server" PopupControlID="Registerpanel" TargetControlID="RegisterLink" Position="Bottom" OffsetX="-230" OffsetY="50" EnableViewState="true">
</cc1:PopupControlExtender>
<cc1:PopupControlExtender ID="SignInPopup" runat="server" PopupControlID="UIDpanel" TargetControlID="txtUserID" Position="Left" OffsetX="-30" OffsetY="-50">
</cc1:PopupControlExtender>
<asp:Panel ID="UIDpanel" runat="server" style="display:none;" Width="312px" >
<div>
<img src="Images/UserPopup.bmp" alt="User Name" />
</div>
</asp:Panel>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<p style="width: 296px; height: 336px">
</asp:ContentPlaceHolder>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Panel ID="Registerpanel" runat="server" style="display:none;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
<ContentTemplate>
<div class="RegisterBody">
<table id="Table1">
<tr>
<td class="style9">
<br /> User ID*</td>
<td class="style8">
<br />:</td>
<td>
<asp:RequiredFieldValidator ID="UserName" runat="server" ControlToValidate="txtUserID" ErrorMessage="RequiredFieldValidator">User ID is required</asp:RequiredFieldValidator>
<br /> <asp:TextBox ID="txtUserID" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td class="style9">
<br /> Email*</td>
<td class="style8">
<br />:</td>
<td>
<br /> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td class="style9">
<br /> Password*</td>
<td class="style8">
<br />:</td>
<td>
<br /> <asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox></td>
</tr>
<tr>
<td class="style9">
<br /> Retype Password*</td>
<td class="style8">
<br />:</td>
<td>
<br /> <asp:TextBox ID="TextBox4" runat="server" TextMode="Password"></asp:TextBox></td>
</tr>
<tr>
<td class="style9">
<br /> Name*</td>
<td class="style8">
<br />:</td>
<td>
<br /> <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td class="style9">
</td>
</tr>
<tr>
<td class="style9">
<br /> Mobile*</td>
<td class="style8">
<br />:</td>
<td>
<br /> <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td class="style9">
<br /> Date of Birth*</td>
<td class="style8">
<br />:</td>
<td>
<br /> <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td class="style9" colspan="3">
<asp:DropDownList ID="DropDownList1" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList3" runat="server">
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="style9" colspan="3">
<asp:CheckBox ID="CheckBox1" runat="server" Text="YES i'd like to receive occasional emails with <br /> great deals from SecondPull" />
</td>
</tr>
<tr>
<td class="style9" colspan="3">
<asp:CheckBox ID="CheckBox2" runat="server" Text="I am agree to SecondPull Terms & Conditions and <br/> Privacy Policy. " />
</td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="Button1" runat="server" Text="Register" />
</td>
</tr>
<tr>
<td colspan="3">
Already a Member
</td>
</tr>
</table>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
</form>
</body>
</html>