Confirmation Box Using AjaxModalPopUp Extender In Asp.net-
In this post,I’m going to explain how to show Confirmation Box Using Ajax Modal PopExtender in Asp.net With C#.
Default.aspx
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%>
<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="ajaxtoolkit"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>Untitled Page</title>'
<styletype="text/css">
m2
{
font-family: Arial;
font-size: 10pt;
}
.mBackground
{
background-color: Black;
filter: alpha(opacity=40);
opacity: 0.4;
}
.mPopup
{
background-color: #FFFFFF;
width: 300px;
border: 3pxsolidmaroon;
}
.mPopup.m1
{
background-color: #8c4510;
height: 30px;
color: White;
line-height: 30px;
text-align: center;
font-weight: bold;
}
.mPopup.m2
{
min-height: 50px;
line-height: 30px;
text-align: center;
font-weight: bold;
}
.mPopup.m3
{
padding: 3px;
}
table,tr,td
{
margin-bottom:10px;
width:35px;
padding:5px;
}
</style>
</head>
<body>
<formid="form1"runat="server">
<ajaxtoolkit:ToolkitScriptManagerID="ToolkitScriptManager1"runat="server">
</ajaxtoolkit:ToolkitScriptManager>
<div>
<tablerules="none"style="background-color:#8c4510;border:2pxsolidmaroon;color:#fff;">
<tr><td>Name</td><td>
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox></td></tr>
<tr><td>Address</td><td>
<asp:TextBoxID="TextBox2"runat="server"></asp:TextBox></td></tr>
<tr><td>Mobile</td><td>
<asp:TextBoxID="TextBox3"runat="server"></asp:TextBox></td></tr>
<tr><td></td><td><asp:ButtonID="btn_save"runat="server"Text="Save"OnClick="btn_save_Click"/></td></tr>
<tr><td></td><td>
<asp:LabelID="Label1"runat="server"Text=""></asp:Label></td></tr>
</table>
<ajaxtoolkit:ConfirmButtonExtenderID="cbe"runat="server"
TargetControlID="btn_save"
DisplayModalPopupID="modal1"/>
<ajaxtoolkit:ModalPopupExtenderID="modal1"runat="server"PopupControlID="pnlPopup"TargetControlID="btn_save"OkControlID="btnYes"
CancelControlID="btnNo"BackgroundCssClass="mBackground">
</ajaxToolkit:ModalPopupExtender>
<asp:PanelID="pnlPopup"runat="server"CssClass="mPopup"Style="display: none">
<divclass="m1">
Confirmation Msg Box
</div>
<divclass="m2">
Do you want to Save this record?
</div>
<divclass="m3"align="right">
<asp:ButtonID="btnYes"runat="server"Text="Yes"style=""/>
<asp:ButtonID="btnNo"runat="server"Text="No"style=""/>
</div>
</asp:Panel>
</div>
</form>
</body>
</html>
Default.aspx.cs
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
publicpartialclass_Default : System.Web.UI.Page
{
protectedvoid Page_Load(object sender, EventArgs e)
{
}
protectedvoid btn_save_Click(object sender, EventArgs e)
{
Label1.Text = "Sucessfully Saved.";
}
}
written by-Chandana Das
No comments:
Post a Comment