Telerik has the little Kendo ninja fellow as a constant icon on the bottom right of the window, and after a few seconds, it slides out to ask "Is this article helpful?  Yes/No".

My client wants a timed pop-out similar to that on each page, which after 10-15 seconds asks "Do you want more information?  Click here to contact us!" and then redirect to our contact page.  Or they can click to make it hide away (until the next page).

I'm suspecting the Notification widget will do this, but I'm not sure where to begin or if there is something better for this purpose.  Has anyone done something like this?

If you have a page with Telerik UI for ASP.NET AJAX RadHtmlChart and try to add Kendo UI for jQuery Notification to that page...
The JavaScript:

var notif = jqueryobject.kendoNotification({appendTo: "#appendto"}).data("kendoNotification");

You cannot call notif.show() because notif is undefined.
We added a kendoNotification to our skin and on pages that use Telerik UI for ASP.NET AJAX RadHtmlChart causes this problem. Other pages with other Telerik UI for ASP.NET AJAX controls work fine.
We have also seen this issue on one other Telerik UI for ASP.NET AJAX control: RadClientDataSource
Any work-around to get this working?

RadNotification seemingly does not have focus trap

Am i missing something?

I allow the user to create in runtime, zones (my sections) and docks.

<asp:Repeater ID="repSections" runat="server" OnItemDataBound="repSections_ItemDataBound">
        <ItemTemplate>
            <asp:Panel ID="panelSection" runat="server" CssClass="container">
		
			A RadDockZone(section) and it's RadDocks are injected here in runtime...

		</asp:Panel>
        </ItemTemplate>        
    </asp:Repeater>

This repeater is populated from database and zones and it's docks injected in runtime, assigning the DockPositionChanged event to each of the created docks. Since I also inject in runtime, controls before and after each zone to manage it (Add, configure, move up/down) and I want them to postback using ajax, I'm configuring the ajax behavior in the ItemDataBound event of the Repeater:

protected void repSections_ItemDataBound(object sender, RepeaterItemEventArgs e)

{

LinkButton linkbtAddNormalSection = e.Item.FindControl("linkbtAddNormalSection") as LinkButton;
linkbtAddNormalSection.CommandArgument = section.Id.ToString();
AjaxSetting ajaxSetting_linkbtAddNormalSection = new AjaxSetting();
ajaxSetting_linkbtAddNormalSection.AjaxControlID = linkbtAddNormalSection.UniqueID;
ajaxSetting_linkbtAddNormalSection.EventName = "Click";
ajaxSetting_linkbtAddNormalSection.UpdatedControls.AddRange(new AjaxUpdatedControlsCollection()
{
 new AjaxUpdatedControl(repSections.UniqueID,""),
                            new AjaxUpdatedControl(panelNosections.UniqueID,""),
                            new AjaxUpdatedControl(radNotification.UniqueID, "")
});
ajaxManagerProxy.AjaxSettings.Add(ajaxSetting_linkbtAddNormalSection);

...

}

Because of this, RadAjax places a RadAjaxPanel that includes all the created zones inside of the repeater causing the DockPositionChanged event to function in ajax mode. That's fine, and works great since avoids a regular postback each time a dock changes position. 

The issue is that I need to show a RadNotification that is outside the repeater and consequently, outside that RadAjaxPanel and I can't show it from the  DockPositionChanged event. 

Any suggestion to overcome this?

Thank you!

this is client side code:

<code>

  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 {

  sender.hide();
  
  }
  console.log(message);
  }

    <telerik:RadNotification ID="ClientNotification" Visible="true" runat="server" RenderMode="Lightweight" EnableRoundedCorners="false" EnableShadow="true" 
                                Width="100%" Height="90" VisibleOnPageLoad="false"
                                Animation="Slide" AnimationDuration="500" VisibleTitlebar="false" ShowTitleMenu="false" KeepOnMouseOver="true"
                                Position="BottomCenter" AutoCloseDelay="4000" LoadContentOn="TimeInterval" UpdateInterval="12000" Skin="Telerik"
                                OnClientUpdated="OnClientUpdated" OnClientUpdating="OnClientUpdating" OnCallbackUpdate="OnCallbackUpdateClient">
                       <%--         <NotificationMenu>
                                  <Items>
                                    <telerik:RadMenuItem Text="Classic" Value="Classic" />
                                    <telerik:RadMenuItem Text="Business" Value="Business" />
                                  </Items>
                                </NotificationMenu>--%>
                                <ContentTemplate>
                                <blockquote>
                               <asp:image ID="notifyIconClient" runat="server" />&nbsp;&nbsp;<asp:Literal ID="WriteMsgClient" EnableViewState="false" runat="server" />
                               <br />
              <asp:HyperLink ID="instantmsgLinkClient" EnableViewState="false" Text="Go to your TMN Members instant message page to view and respond to them now" runat="server" />
                               <br />
                               <br />
                               </blockquote>
                               </ContentTemplate>
              </telerik:RadNotification>

</code>

this is server side code:

<code>

Protected Sub OnCallbackUpdateClient(sender As Object, e As RadNotificationEventArgs)

        Dim getClientFirstName_Parameter As SqlParameter
        Dim NotifyClientIMCount_Parameter As SqlParameter
        Dim MyClientName As String = String.Empty
        Dim MsgCntClient As Integer
        Dim globalLog As LoginView = CType(Page.Master.FindControl("globalinmsge"), LoginView)
        Dim ClientNotify As RadNotification = CType(globalLog.FindControl("ClientNotification"), RadNotification)


        Using getClientFirstName_conn = New SqlConnection(ConnectionStrings("TMNall").ConnectionString)
            Using getClientFirstName_cmd = New SqlCommand("dbo.getTMNClientFristName", getClientFirstName_conn)

                getClientFirstName_cmd.CommandType = CommandType.StoredProcedure
                getClientFirstName_cmd.CommandTimeout = 0
                getClientFirstName_cmd.CommandText = "dbo.getTMNClientFristName"

                getClientFirstName_Parameter = getClientFirstName_cmd.CreateParameter()
                getClientFirstName_Parameter.ParameterName = "@username"
                getClientFirstName_Parameter.Direction = ParameterDirection.Input
                getClientFirstName_Parameter.SqlDbType = SqlDbType.NVarChar
                getClientFirstName_Parameter.Value = "badboy69" 'Membership.GetUser(Page.User.Identity.Name).ToString()

                getClientFirstName_cmd.Parameters.Add(getClientFirstName_Parameter)

                getClientFirstName_conn.Open()

                Using getClientFirstName_Reader = getClientFirstName_cmd.ExecuteReader()

                    If getClientFirstName_Reader.Read() Then

                        MyClientName = getClientFirstName_Reader("TMNmem_FirstName").ToString()

                    End If

                End Using
            End Using
        End Using

        Using NotifyClientIMCount_conn = New SqlConnection(ConnectionStrings("TMNall").ConnectionString)
            Using NotifyClientIMCount_cmd = New SqlCommand("dbo.getClientNotifyIMmsgCnt", NotifyClientIMCount_conn)

                NotifyClientIMCount_cmd.CommandType = CommandType.StoredProcedure
                NotifyClientIMCount_cmd.CommandTimeout = 0
                NotifyClientIMCount_cmd.CommandText = "dbo.getClientNotifyIMmsgCnt"

                NotifyClientIMCount_Parameter = NotifyClientIMCount_cmd.CreateParameter()
                NotifyClientIMCount_Parameter.ParameterName = "@username"
                NotifyClientIMCount_Parameter.Direction = ParameterDirection.Input
                NotifyClientIMCount_Parameter.SqlDbType = SqlDbType.NVarChar
                NotifyClientIMCount_Parameter.Value = "badboy69" 'Membership.GetUser(Page.User.Identity.Name).ToString()

                NotifyClientIMCount_cmd.Parameters.Add(NotifyClientIMCount_Parameter)

                NotifyClientIMCount_conn.Open()

                Using NotifyClientIMCount_Reader = NotifyClientIMCount_cmd.ExecuteReader()

                    If NotifyClientIMCount_Reader.Read() Then
                        If CInt(NotifyClientIMCount_Reader("NotifyIMClientCnt").ToString()) <> 0 Then

                            MsgCntClient = CInt(NotifyClientIMCount_Reader("NotifyIMClientCnt").ToString())

                        Else

                            MsgCntClient = 0

                        End If

                    End If

                End Using
            End Using
        End Using

        Dim clientmesg As Literal = CType(ClientNotify.ContentContainer.FindControl("WriteMsgClient"), Literal)
        Dim linkclient As HyperLink = CType(ClientNotify.ContentContainer.FindControl("instantmsgLinkClient"), HyperLink)
        Dim ClientImg As Image = CType(ClientNotify.ContentContainer.FindControl("notifyIconClient"), Image)

        clientmesg.Text = [String].Concat(New Object() {MyClientName.ToString(), " you have ", MsgCntClient, " new instant message(s)!"})
        linkclient.NavigateUrl = "~/Account/clientsMain"
        ClientNotify.Value = MsgCntClient.ToString()
        ClientImg.ImageUrl = "~/images/radlaerticon.jpg"


    End Sub

</code>

thanks guys

Dear Team,

We are using ShowSound property and it doesn't work in mobiles and tablets. However it is working fine in desktop browsers. I have already tried below code which i got from your website but still no difference.

<script type="text/javascript">function pageLoad() {//Attach to the document touchstart event and initiate the notification audio $telerik.$(document).on("touchstart", initSound);}function initSound() {var notification = $find("<%=RadNotification1.ClientID%>");//If notification audio is not available initiate itif (!notification.verifySound()) { notification.userInitSound();}//Detach the initSound event listener $telerik.$(document).off("touchstart", initSound);}</script><telerik:RadNotification RenderMode="Lightweight" ID="RadNotification1" runat="server" ShowInterval="2000" AutoCloseDelay="1000" Text="Some Notification" ShowSound="warning"></telerik:RadNotification>

I have also tried in code behind but result is same.

RadNotification1.ShowSound = ResolveUrl("~/Images/OrderReceived.wav");

Kindly let me know how we can enable sound on mobile/tablet devices.

Thanks & Regards,

Jatin Kumar Verma