RadNotification - Telerik ASP.NET Notification

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

About RadNotification for ASP.NET AJAX

RadNotification is a a lightweight control which can be used to display a notification message both from server and client. The notification is completely customizable, can be loaded on demand through a callback or WebService, can be automatically displayed and/or updated at specific intervals and supports different animation effects and at different positions.

RadNotification and 90+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Can contain simple text, HTML content and ASP.NET controls
  • Automatically calculates position relative to the screen
  • Semantic rendering—DIVs only
  • Load on Demand through callback or WebService
  • Automatic updates at a specified interval
  • Automatic show at a specified interval
  • Keep on mouse over
  • Fully customizable context menu
  • AutoClose Delay
  • Animation effects
  • Content scrolling
  • Advanced Skinning
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Notification.Overview.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <script src="scripts.js"></script>
    <div class="demo-container size-custom">
        <telerik:RadNotification RenderMode="Lightweight" ID="RadNotification1" runat="server" Height="140px" 
            Animation="Fade" EnableRoundedCorners="true" EnableShadow="true" AutoCloseDelay="3500"
            Position="BottomRight" OffsetX="-30" OffsetY="-70" ShowCloseButton="true" 
            VisibleOnPageLoad="true" LoadContentOn="EveryShow" ShowInterval="6500" KeepOnMouseOver="false"
            OnCallbackUpdate="RadNotification1_CallbackUpdate" OnClientUpdated="telerikDemo.onClientUpdated" 
            OnClientShowing="telerikDemo.onClientShowing">
        </telerik:RadNotification>
    </div>

    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?