Hi manishvad,
Refer the below sample code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/jscript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/jscript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<style type="text/css">
.message
{
width: 100%;
position: fixed;
top: 50px;
z-index: 100000;
padding: 0;
font-size: 15px;
}
</style>
<script type="text/javascript">
function ShowMessage(message, messagetype) {
var cssclass;
switch (messagetype) {
case 'Success':
cssclass = 'alert-success'
break;
case 'Error':
cssclass = 'alert-danger'
break;
case 'Warning':
cssclass = 'alert-warning'
break;
default:
cssclass = 'alert-info'
}
$('body').append('<div id="alert_div" style="margin: 0 10%; -webkit-box-shadow: 3px 4px 6px #999;width:40%" class="alert fade in ' + cssclass + '"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>' + messagetype + '!</strong> <span>' + message + '</span></div>');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<div class="message" id="alert_container">
</div>
<asp:Button ID="btnSuccess" runat="server" Text="Success" CssClass="btn btn-success"
OnClick="btnSuccess_Click" />
<asp:Button ID="btnError" runat="server" Text="Error" CssClass="btn btn-danger"
OnClick="btnError_Click" />
<asp:Button ID="btnWarning" runat="server" Text="Warning" CssClass="btn btn-warning"
OnClick="btnWarning_Click" />
<asp:Button ID="btnInfo" runat="server" Text="Info" CssClass="btn btn-info" OnClick="btnInfo_Click" />
</div>
</form>
</body>
</html>
C#
public enum MessageType { Success, Error, Info, Warning };
protected void ShowMessage(string Message, MessageType type)
{
ScriptManager.RegisterStartupScript(this, this.GetType(), System.Guid.NewGuid().ToString(), "ShowMessage('" + Message + "','" + type + "');", true);
}
protected void btnSuccess_Click(object sender, EventArgs e)
{
ShowMessage("Record submitted successfully", MessageType.Success);
}
protected void btnError_Click(object sender, EventArgs e)
{
ShowMessage("A problem has occurred while submitting data", MessageType.Error);
}
protected void btnWarning_Click(object sender, EventArgs e)
{
ShowMessage("There was a problem with your internet connection", MessageType.Warning);
}
protected void btnInfo_Click(object sender, EventArgs e)
{
ShowMessage("Please verify your data before submitting", MessageType.Info);
}
Screenshot
