Displaying RadToolTip after UpdateProgress complete

2 posts, 0 answers
  1. vincent
    vincent avatar
    61 posts
    Member since:
    Jun 2008

    Posted 01 Aug 2008 Link to this post

    Hi all,

    I have a form that allows users to create records.  After the user submits the form, we display an UpdateProgress panel while the form is being submitted.  Once the form is done, the UpdateProgress Panel closes. 

    I would like to immediately show a tooltip or modal popup to allow the user to either confirm they are done, or if they would like to add an additional record. 

    Is there sample code on how to do something like this?

    Thanks in advance.

  2. Kevin Babcock
    Kevin Babcock avatar
    189 posts
    Member since:
    Mar 2007

    Posted 04 Aug 2008 Link to this post

    Hello Vincent,

    You can use then client-side OnResponseEnd event of your RadAjaxManager or RadAjaxPanel to get a reference to the RadToolTip client-side object and show it. Here is a quick example:

    1 <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
    3 <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"
    4     <script type="text/javascript"
    5         function AjaxResponseEnd(sender, args) { 
    6             var toolTip = $find('<%= RadToolTip1.ClientID %>'); 
    7             toolTip.show(); 
    8         } 
    9     </script> 
    10 </telerik:RadScriptBlock> 
    13 <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"  
    14     LoadingPanelID="RadAjaxLoadingPanel1" 
    15     ClientEvents-OnResponseEnd="AjaxResponseEnd"
    16     <asp:Button ID="Button1" runat="server"  
    17         Text="Click Me!" 
    18         OnClick="Button1_Click" /> 
    19 </telerik:RadAjaxPanel> 
    21 <telerik:RadToolTip ID="RadToolTip1" runat="server" 
    22     Text="Here's a tip for you!"
    23 </telerik:RadToolTip> 
    25 <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
    26     <img alt="Loading..."  
    27         src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' 
    28         style="border: 0px;" /> 
    29 </telerik:RadAjaxLoadingPanel> 

    I hope this helps. If you have further questions, don't hesitate to ask.

    Kevin Babcock
Back to Top