This is a migrated thread and some comments may be shown as answers.

Displaying RadToolTip after UpdateProgress complete

1 Answer 81 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
vincent
Top achievements
Rank 1
vincent asked on 01 Aug 2008, 01:53 PM
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.

Vincent.

1 Answer, 1 is accepted

Sort by
0
Kevin Babcock
Top achievements
Rank 1
answered on 04 Aug 2008, 05:45 AM
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:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
 
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"
    <script type="text/javascript"
        function AjaxResponseEnd(sender, args) { 
            var toolTip = $find('<%= RadToolTip1.ClientID %>'); 
            toolTip.show(); 
        } 
    </script> 
</telerik:RadScriptBlock> 
 
 
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"  
    LoadingPanelID="RadAjaxLoadingPanel1" 
    ClientEvents-OnResponseEnd="AjaxResponseEnd"
    <asp:Button ID="Button1" runat="server"  
        Text="Click Me!" 
        OnClick="Button1_Click" /> 
</telerik:RadAjaxPanel> 
 
<telerik:RadToolTip ID="RadToolTip1" runat="server" 
    Text="Here's a tip for you!"
</telerik:RadToolTip> 
 
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
    <img alt="Loading..."  
        src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' 
        style="border: 0px;" /> 
</telerik:RadAjaxLoadingPanel> 

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

Regards,
Kevin Babcock
Tags
ToolTip
Asked by
vincent
Top achievements
Rank 1
Answers by
Kevin Babcock
Top achievements
Rank 1
Share this question
or