RadNotification on Interval Interrupts Page

[Mirek]

I have set up a fairly complex notification system that is working pretty well... except for one small problem, whenever the update interval fires(with or without a notification to display) it interrupts the user.  For example if you are typing into a text box and the update fires as you are typing, the typing either stops and then catches up in dumber controls, or is lost all together in controls like the RadEditor.  In other words it is not firing asynchronously, it seems to freeze the browser as it calls the NotificationUpdate (server side) method.  I have ajax timers in other places that don't seem to have this behavior and thought this should behave the same way.

 

The Notification is in the Master page (see control below), I have tried registering it in various ways with the Script/Ajax manager however it does not seem to make a difference... but I feel like maybe I am missing something there?  What is the correct way to set this up so that it does not interrupt page load?

 

I think I amdoing the same thing as the demo here: http://demos.telerik.com/aspnet-ajax/notification/examples/updateinterval/defaultcs.aspx

except I can't really tell if it has the same behavior as there is nothing to type into there, and I am also doing more on the server side that would be taking longer.

 

<telerik:RadNotification ID="rnNotice" ShowCloseButton="false" runat="server" Skin="Black" LoadContentOn="TimeInterval" EnableRoundedCorners="true" EnableShadow="true" OnCallbackUpdate="NotificationUpdate" UpdateInterval="3500" Title="Notification" onclientupdated="OnClientUpdated" Font-Strikeout="False" Opacity="95"  AutoCloseDelay="0" TitleIcon="App_Themes/Blue/Images/bell.png">
      <ContentTemplate >

        <div class="NoticeBody"><asp:Literal ID="lMessage" runat="server"></asp:Literal></div>
          <telerik:RadButton ID="rbDismiss" runat="server" Text="Dismiss" OnClick="rbDismiss_Click" SingleClick="true" SingleClickText="Dismissing Notice(s)...">
              <Icon PrimaryIconCssClass="rbRemove" />
          </telerik:RadButton>

    </ContentTemplate>
</telerik:RadNotification>

[Mirek]

I found this behavior occurs when you put a RadButton into the control... a regular asp button/link button do not cause this.  Seems like this is a bug as I would expect it to work the same.

Now I need an alternate method to indicate to the user that the button has been clicked as I can't use the SingleClick feature...

[Ianko]

Hello Mirek,

I tested with the code below, but to no avail. The focus stays in RadEditor and RadNotification is being updated properly.

<telerik:RadEditor runat="server"></telerik:RadEditor>

<telerik:RadNotification ID="rnNotice"
    ShowCloseButton="false"
    runat="server" Skin="Black"
    LoadContentOn="TimeInterval"
    EnableRoundedCorners="true"
    EnableShadow="true"
    OnCallbackUpdate="rnNotice_CallbackUpdate"
    UpdateInterval="3500" Title="Notification"
    OnClientUpdated="OnClientUpdated"
    Font-Strikeout="False" Opacity="95"
    AutoCloseDelay="0" TitleIcon="App_Themes/Blue/Images/bell.png">
    <ContentTemplate>

        <div class="NoticeBody">
            <asp:Literal ID="lMessage" runat="server"></asp:Literal></div>
        <telerik:RadButton ID="rbDismiss" runat="server" Text="Dismiss" SingleClick="true" SingleClickText="Dismissing Notice(s)...">
            <Icon PrimaryIconCssClass="rbRemove" />
        </telerik:RadButton>

    </ContentTemplate>
</telerik:RadNotification>

<script type="text/javascript">
function OnClientUpdated(sender, args) {
    var message = "Update (check) was done!";
    var newMsgs = sender.get_value();
    if (newMsgs != 0) {
        sender.show();
        message += (newMsgs == 1) ? (" There is 1 new message!") : (" There are " + newMsgs + " new messages!");
    } else {
        message += " There are no new messages!";
    }
}
</script>

protected void rnNotice_CallbackUpdate(object sender, RadNotificationEventArgs e)
{
    int newMsgs = DateTime.Now.Second % 10;
    if (newMsgs == 5 || newMsgs == 7 || newMsgs == 8 || newMsgs == 9) newMsgs = 0;
    lMessage.Text = String.Concat(new object[] { "You have ", newMsgs, " new messages!" });
    rnNotice.Value = newMsgs.ToString();
}

 

Regards,
Ianko
Telerik by Progress