Tooltip not rendering properly in FireFox

[fightclub777]

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

[Martin]

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

[fightclub777]

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.

[Tsvetie]

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

[fightclub777]

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.

[Tsvetie]

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

[fightclub777]

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.