Skip to content

Instantly share code, notes, and snippets.

@kaushalparik27

kaushalparik27/WebForm1.aspx

Created May 14, 2017 07:59
Show Gist options
  • Save kaushalparik27/5a5fd56cfa5307f489b48e005fb91352 to your computer and use it in GitHub Desktop.
Save kaushalparik27/5a5fd56cfa5307f489b48e005fb91352 to your computer and use it in GitHub Desktop.
Download ZIP
Custom/Div Based Alert In ASP.NET
Raw
WebForm1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript">
function AlertBox(msgtitle, message, controlToFocus) {
$("#msgDialogAlert").dialog({
autoOpen: false,
modal: true,
title: msgtitle,
closeOnEscape: true,
buttons: [{
text: "Ok",
click: function () {
$(this).dialog("close");
if (controlToFocus != null)
controlToFocus.focus();
}
}],
close: function () {
$("#operationMsgAlert").html("");
if (controlToFocus != null)
controlToFocus.focus();
},
show: { effect: "clip", duration: 200 }
});
$("#operationMsgAlert").html(message);
$("#msgDialogAlert").dialog("open");
};
function ShowMessage() {
AlertBox("This is Title", "And This is the content of the message!", null);
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="msgDialogAlert" style="display: none; text-align: center; vertical-align: central">
<p id="operationMsgAlert"></p>
</div>
<asp:Button Text="Click!" runat="server" OnClientClick="return ShowMessage();" />
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment