Tooltip not rendering properly in FireFox

7 posts, 1 answers
  1. fightclub777
    fightclub777 avatar
    27 posts
    Member since:
    Nov 2006

    Posted 25 Feb 2008 Link to this post

    I just downloaded and implemented the recently released build of Prometheus.  The tooltip however does not seem to render properly (skin and position) in Firefox OR Safari.  It works fine in IE7.

    Please go here for an example:
    http://www.printrunner.com/business-cards.aspx

    Mouse over the blue question marks on the right side of the screen.  A tooltip with the "Telerik" skin should appear.  Compare Firefox to IE7.

    The tooltips are dynamically created using a loop with the following code for each tooltip:

                Dim ToolTip As New RadToolTip  
                ToolTip.IsClientID = True 
                ToolTip.TargetControlID = "question" & lstData.ID  
                ToolTip.Skin = "Telerik" 
                ToolTip.ShowEvent = ToolTipShowEvent.OnMouseOver  
                ToolTip.Text = sHTML 
                ToolTip.RelativeTo = ToolTipRelativeDisplay.Element  
                ToolTip.Position = ToolTipPosition.MiddleLeft  
                ToolTip.ManualClose = False 
                ToolTip.Width = 375 
                ToolTip.AutoCloseDelay = 60000 
                ToolTip.HideDelay = 500 
                ToolTip.ShowDelay = 0 
  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 26 Feb 2008 Link to this post

    Hello fightclub777,

    This is a really strange case, and we were unable to figure out what is causing the problem. It is interesting that the css skin file is loaded, the naming convention is okay, etc, but the skin does not apply at all.

    However, please, send us a sample project, so we are able to reproduce the problem locally and try to help.

    Best wishes,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. fightclub777
    fightclub777 avatar
    27 posts
    Member since:
    Nov 2006

    Posted 26 Feb 2008 Link to this post

    I created a smaller project and it seemed to work fine.   Is there a timeout or something for applying the CSS?  I say this becaue I've noticed that sometimes when I load a page with heavy database actions, my radMenu also loses its CSS.

    This does not happen on fast loading pages.

    It may also be worth noting that the tooltips are dynamically created inside of a radAjaxPanel and added to a PlaceHolder like this:.

    PlaceHolder1.Controls.Add(ToolTip) 


    Thank you.
  4. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 27 Feb 2008 Link to this post

    Hello fightclub777,
    I tried to reproduce the problem you described with a simple test page - I added 15 instances of the RadEditor Prometheus control in order to slow down the page, but to no avail. Even though the information that the RadToolTips are added dynamically is valuable, I am still not sure when you add them, are the RadAjaxPanels added dynamically as well, etc. I tested a few approaches, but could not get the different behavior in IE and FF.

    I did notice one thing that might be causing the problem - I noticed you are using RadAjax Classic, please correct me if I am wrong. Could you please try switching to RadAjax Prometheus to see it this would fix the problem?

    In case this does not help, please prepare and send us a running project, demonstrating the problem, so that we can research what is causing it.

    Greetings,
    Tsvetie
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. fightclub777
    fightclub777 avatar
    27 posts
    Member since:
    Nov 2006

    Posted 27 Feb 2008 Link to this post

    Well, I tried updating the radAjaxPanel to the latest Prometheus and it did not help.   However, I changed the prometheus controls back to version 2007.3.1314.20 and everything is fine again.

    I can't really tell you what is unique in my situation, but it is definitely something in the latest version.  All previous versions work fine.

    I guess I'll stick to the previous build for now.  Let me know if you figure it out.  Thanks for your help.
  6. Answer
    Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 28 Feb 2008 Link to this post

    Hello fightclub777,
    Thank you for taking the time to try my suggestion, the information you provide is very important. Generally, with SP2 we introduced a new way, a Prometheus control registers its css to the page in order to accommodate a common AJAX scenario.

    Up until the current build all Prometheus controls would not load their skin properly if they were loaded on the page as a result of an AJAX call - that is, if they were not visible on the client-side when the page was first loaded, and then were added through AJAX. It is likely that this is what is causing the problem, but it is very strange how it happens, as we are not able to reproduce it in our tests. That is why, it would be very highly appreciated, if you could find the time to prepare and send us a test project.

    Apart from that, we have another suggestion you could try and that is, to register the tooltip skin css manually. Please refer to our online documentation for information how you can do this.

    All the best,
    Tsvetie
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  7. fightclub777
    fightclub777 avatar
    27 posts
    Member since:
    Nov 2006

    Posted 29 Feb 2008 Link to this post

    Thank you for the reply. Unfortunately, I am unable to reproduce the problem myself too in a new application.  The problem only occurs in this application and I cannot figure out what is unique about it for the life of my.

    However, the manual registration of the css did the trick.  If I figure out what is different about it, I will post here. 

    Thank you.
Back to Top