Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Apr 21, 2011 09:40 AM by ganaparthi
Member
35 Points
16 Posts
Apr 21, 2011 07:44 AM|LINK
All-Star
26228 Points
4596 Posts
Apr 21, 2011 08:29 AM|LINK
See modal pop up samples here:
http://mattberseth.com/blog/modalpopupextender/
Participant
1266 Points
330 Posts
Apr 21, 2011 09:40 AM|LINK
Hi try below code
<head runat="server"> <title></title> <style> .modalBackground { background-color:#CCCCFF; filter:alpha(opacity=40); opacity:0.5; } Position should be -1000px, so during loading you not gonna see popup initialization. .ModalWindow { border: solid1px#c0c0c0; background:#f0f0f0; padding: 0px10px10px10px; position:absolute; top:-1000px; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="lnkPopup" PopupControlID="panEdit" BackgroundCssClass="modalBackground" CancelControlID="btnCancel" PopupDragHandleControlID="panEdit"></asp:ModalPopupExtender> <asp:Panel ID="panEdit" runat="server" Height="180px" Width="400px" CssClass="ModalWindow"> <h1>Edit</h1> <table width="100%"> <tr> <td class="formtext" style="height: 23px; width: 150px;" align="left"> Fields1: </td> <td> <asp:TextBox ID="txtFields1" runat="server"></asp:TextBox> </td> </tr> </table> <br /> <asp:Button ID="Button1" runat="server" Text="Update" OnClick="btnUpdate_Click"/> <asp:Button ID="btnCancel" runat="server" Text="Cancel" onclick="btnCancel_Click" /> </asp:Panel> <a id="lnkPopup" runat="server">Show Popup</a> </div> </form> </body>
Thanks
stephenraj
Member
35 Points
16 Posts
AJAX MODAL POPUP EXTENDER
Apr 21, 2011 07:44 AM|LINK
karan@dotnet
All-Star
26228 Points
4596 Posts
Re: AJAX MODAL POPUP EXTENDER
Apr 21, 2011 08:29 AM|LINK
See modal pop up samples here:
http://mattberseth.com/blog/modalpopupextender/
Karan
~ Blog ~
Remember To Mark The Post(s) That Helped You As The ANSWER
ganaparthi
Participant
1266 Points
330 Posts
Re: AJAX MODAL POPUP EXTENDER
Apr 21, 2011 09:40 AM|LINK
Hi try below code
<head runat="server"> <title></title> <style> .modalBackground { background-color:#CCCCFF; filter:alpha(opacity=40); opacity:0.5; } Position should be -1000px, so during loading you not gonna see popup initialization. .ModalWindow { border: solid1px#c0c0c0; background:#f0f0f0; padding: 0px10px10px10px; position:absolute; top:-1000px; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="lnkPopup" PopupControlID="panEdit" BackgroundCssClass="modalBackground" CancelControlID="btnCancel" PopupDragHandleControlID="panEdit"></asp:ModalPopupExtender> <asp:Panel ID="panEdit" runat="server" Height="180px" Width="400px" CssClass="ModalWindow"> <h1>Edit</h1> <table width="100%"> <tr> <td class="formtext" style="height: 23px; width: 150px;" align="left"> Fields1: </td> <td> <asp:TextBox ID="txtFields1" runat="server"></asp:TextBox> </td> </tr> </table> <br /> <asp:Button ID="Button1" runat="server" Text="Update" OnClick="btnUpdate_Click"/> <asp:Button ID="btnCancel" runat="server" Text="Cancel" onclick="btnCancel_Click" /> </asp:Panel> <a id="lnkPopup" runat="server">Show Popup</a> </div> </form> </body>Thanks
Srinivas Ganaparthi,
'All things are difficult before they are easy'
My Blog