Closing a tooltip managed by RadTooltipManager takes several seconds

5 posts, 0 answers
  1. Setiawan
    Setiawan avatar
    7 posts
    Member since:
    Jul 2011

    Posted 27 Jul 2015 Link to this post

    Hi,

    I just implemented load on demand on radtooltipManager which I load user controls into the manager in code behind.

    Everything works wonderfully, but I have ​a question. One of my user control displays a dropdown with radtreeview with many nodes.

    I can display loading image when the page loads the tooltip containing that user control so it's clear that it's loading, but when user closes the tooltip, it takes so much time before the tooltip is gone. My first impression is that tooltip is slower to close when the content is big in byte size.

     

    What's your solution to solve this?

    And do you have a way to cache the tooltip content so the 2nd time the system displays the tooltip, it will load faster?

     

    Thanks.

  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 30 Jul 2015 Link to this post

    Hi,

    I suggest you providing a markup example or attach a sample project, so that this can be tested locally.

    Currently, I can only guess what the configuration is and how such a scenario leads to the described situation.

    Regards,
    Ianko
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Setiawan
    Setiawan avatar
    7 posts
    Member since:
    Jul 2011

    Posted 30 Jul 2015 in reply to Ianko Link to this post

    Thanks Ianko for your reply.

    This is my radTooltipManager:

    <telerik:RadToolTipManager ID="rttmQuestionSearch" runat="server" EnableViewState="false" OnClientShow="OnClientShow" HideDelay="0" RenderInPageRoot="true" Sticky="true" RelativeTo="Element" EnableShadow="false" ShowEvent="OnClick" HideEvent="ManualClose" Skin="Default" Position="MiddleRight" OnAjaxUpdate="rttmQuestionSearch_AjaxUpdate">
    </telerik:RadToolTipManager>

    Ajax_Update:

    Protected Sub rttmQuestionSearch_AjaxUpdate(sender As Object, e As ToolTipUpdateEventArgs)
     
          Select Case e.Value
     
                        Case TooltipManagerValue.Category
     
                  Dim _ucCategory As __category = Page.LoadControl("~/Question/SearchFilter/__category.ascx")
                  _ucCategory.ID = "ucCategory"
                  e.UpdatePanel.ContentTemplateContainer.Controls.Add(_ucCategory)
     
                  _ucCategory.LoadCategoryTree()
                 
                AddHandler _ucCategory.CloseAndPassSelectedValue, AddressOf _ucCategory_CloseAndPassSelectedValue
                  AddHandler _ucCategory.CloseOnly, AddressOf _ucCategory_CloseOnly
     
                        
              Case Else
                  ' do nothing
          End Select
     
      End Sub     

  5. Setiawan
    Setiawan avatar
    7 posts
    Member since:
    Jul 2011

    Posted 30 Jul 2015 in reply to Setiawan Link to this post

    there is no problem if the user control loads only handful of data, but when it has hundreds of data on a dropbox for example, it closes very slow.

    If this is unavoidable, then do you know how to trigger animation (e.g. page loading) when the tooltip closes?

     

    Thanks a bunch!

     

  6. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 04 Aug 2015 Link to this post

    Hello Setiawan,

    I am still unable to reproduce the problematic behavior. Also, the built-in mechanism to close the popup is designed with jQuery fadeOut animation, which I can only guess why would lead to such a behavior as it just hides the DOM element, without any further programmatic manipulations.

    As for triggering additional animation when popup is closing, I suggest using pure jQuery animation to implement that. Here you are a simple example for that:
    <telerik:RadToolTipManager ID="rttmQuestionSearch" runat="server" AutoTooltipify="true" Animation="Resize" OnClientBeforeHide="OnClientBeforeHide">
    </telerik:RadToolTipManager>
     
    <a href="#" title="Tooltip Content">content</a>
     
     
    <script type="text/javascript">
        function OnClientBeforeHide(sender, args) {
            var popup = sender.get_popupElement();
             
            $telerik.$(popup).hide(2000);
        }
    </script>


    Regards,
    Ianko
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017