Currently the only way to define the time interval in which the Notifications show is to set the ShowInterval property which takes the interval in millisecond. But if we need a notification to run on a particular time of day like at 21:47:29, there is no way to set it. And i don't see a work around for it too, other than calculate 24 hours in milliseconds and assuming it to run at that particular time. It would really help if we can have a notificationRunType = {Interval, Time} which could evoke either the ShowInterval or ShowTime property, so that when notificationRunType="Time" and ShowTime="21:47:29" would set the RadNotifications to run on that particular time.
Currently RadNotification uses a single 3D set of icons for all skins. Metro styling, however, requires flat icons. With the current implementation such visualization can be achieved by putting a custom icon using the ContentIcon and TiteleIcon properties.
It would be incredibly helpful to add the AutoCloseDelay and ShowInterval properties to the Show function of the RadNotification control so I wouldn't have to add a wrapper to my base page class.
OS: XP IE. Version 8.0.6001.18702.xpsp_sp3_gdr.101209-1647 Telerik Version: 2012.2.912.40 Rad Notification control does not display on IE8. This control is being used to notify the user of a Session Timeout and provide the option to refresh. Notable Items: 1. No Javascript Errors on page. 2. Z index is appropriate 3. X and Y is appropriate. 4. debugging in javascript console, I can alert the control it returns instance [object]. however executing the "show()" method does nothing. 5. Javascript timer still executes on page and eventually kills the session but does not show popup. 6. Functions properly in other browsers, IE9,10, chrome etc... My requirement is IE8. <telerik:RadNotification ID="RadNotification1" runat="server" OnClientShowing="OnClientShowing" LoadContentOn="PageLoad" Position="Center" Title="Session Expiring" TitleIcon="" nableRoundedCorners="true" ShowCloseButton="false" AutoCloseDelay="0"> ....
Under IE an embed tag is generated for the sound. It seems it has default height, so when it is appended to the form with JavaScript it may cause scrollbars if it has siblings with height set to 100%. There are three possible workarounds - set the form overflow to hidden with CSS, e.g. html, body, form { height: 100%; overflow: hidden; } - remove the ShowSound property if it is less important than scrollbars and page layout - use the following JavaScript function to remove the height from the embed tag: function pageLoad() //Sys.Application.Load handler { if ($telerik.isIE) { var embed = $get("<%=rn.ClientID %>" + "_playAudio"); if (embed && embed.tagName.toLowerCase() == "embed") embed.style.display = "none"; } } where rn is the server ID of the notification control. If more than one RadNotification is present on the page the procedure would have to be repeated for each one.
For the time being this is possible with some jQuery by having the desired image URLs. A simple example is attached.
A workaround is to set the icon URL from the server in order to resolve the URL yourself. For example: <telerik:RadNotification ID="rnNotInstalledLicense" runat="server" AutoCloseDelay="0" ShowCloseButton="true" Height="130px" Width="350px" VisibleTitlebar="true" ContentIcon="~/images/install_dataagent.gif" EnableEmbeddedSkins="false" /> <asp:Button ID="Button1" Text="show notification" OnClientClick="showNotification(); return false;" runat="server" /> <script> function showNotification() { $find("<%=rnNotInstalledLicense.ClientID%>").show(); } </script> and on the server: C#: protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack) { rnNotInstalledLicense.ContentIcon = Page.ResolveUrl(rnNotInstalledLicense.ContentIcon); } } VB: Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load If Not Page.IsPostBack Then rnNotInstalledLicense.ContentIcon = Page.ResolveUrl(rnNotInstalledLicense.ContentIcon) End If End Sub
I would love it if the RadNotification control could display in other ways, and in particular more like mobile devices. I have two specific requests: 1) Allow notifications to be displayed in bar which drops down from the top of the screen - similar to both iOS and Android. Press the "click me" link on this page to see an example of what I am describing: http://www.minijs.com/plugins/8/notification#demo 2) Create a notification queue (even if just session based, no need to make it persistent in a DB) showing unread notifications. Here is an example that does a good job of this: http://www.codebasehero.com/files/notification-menu/demo/ Thanks, Denis Burke
When you open a RadNotification in a scrolled page in Edge, it will appear higher than expected or it might not appear at all depending on how much the page is scrolled. You can avoid the issue by placing the following script at the end of your page: <script type="text/javascript"> Telerik.Web.UI.RadNotification.prototype._originalSetPopupValue = Telerik.Web.UI.RadNotification.prototype._setPopupVisible; Telerik.Web.UI.RadNotification.prototype._setPopupVisible = function(x, y) { if (Telerik.Web.Browser.edge) { var offsetY = window.pageYOffset; var offsetX = window.pageXOffset; if (document.documentElement.scrollTop == 0 && document.body.scrollTop > 0) y += offsetY; if (document.documentElement.scrollLeft == 0 && document.body.scrollLeft > 0) x += offsetX; } this._originalSetPopupValue(x, y); } </script>
Adding big text content in the Notification's Text property overflows the height of the controls wrapper: https://www.screencast.com/t/bQ2OQ2o4DnG A possible workaround is to set the height of the content wrapper manually: div.rnContentWrapper { height: 95px !important; } Steps to reproduce: <telerik:RadNotification ID="RNRappel" runat="server" Width="500px" Height="150px" EnableViewState="false" AutoCloseDelay="0" RenderMode="Lightweight" CloseButtonToolTip="Fermer" ContentScrolling="Auto" VisibleOnPageLoad="true" Position="Center" ContentIcon="warning"> </telerik:RadNotification> CS: protected void Page_Load(object sender, EventArgs e) { RNRappel.Text = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."; }
This would be usefull especially when calling the client side "Update" function of the radnotification. Currently, custom validators are getting fired when the callback occurs.
RadNotification plays no sound on mobile devices running iOS, Android and Windows RT.
I am using radnotification to notify that the data base operation message ,I putted this control on master page ,The issue is that the content page page load event always fire So please provide solution for that
The background of the titlebar of RadNotification is changed in comparison with the 2013.2.611 version of UI for ASP.NET AJAX.
For the time being you can use the following workaround: CSS: <style> .RadNotification .rnContentWrapper .rnIcon:before { font-size: 0.7em\9; } _:-ms-fullscreen, :root .RadNotification .rnContentWrapper .rnIcon:before { font-size: 0.7em; } </style> ASPX: <telerik:RadNotification ID="RadNotification1" runat="server" AutoCloseDelay="99999" ShowInterval="1000" Position="Center" RenderMode="Lightweight" Text="Project deleted successfully!" VisibleTitlebar="false"> </telerik:RadNotification>
The issue is reproducible when scroll is applied on the page and when the button showing the notification is in UpdatePanel