RadCalendar with RadTooltipManager and RadRotator

[Lars]

Hello,

I have setup a RadCalendar with a RadTooltipManager using the examples here:
http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipcalendar/defaultcs.aspx

In the OnAjaxUpdate event i instantiate a control and set a public property on it (a collection of items)
adds it to the container: e.UpdatePanel.ContentTemplateContainer.Controls.Add(details);

and then bind the datasource in the control PreRender event.

When I hover over a day with an event the first time, I see a blank tooltip with the scrollers aligned tight to eachothers to the very right of the tooltip (firefox) ... In chrome nothing appears at all, but in FF, it all comes up correctly on the second time i hover over.

I don't experience any of this in IE9.
Could it be some z-index issue?
Thanks in advance :)


Any ideas?

[Lars]

Just to clarify, "and then bind the datasource in the control PreRender event."
the datasource are bound to a RadRotator in that control, which appear in the tooltip :)

[Slav]

Hello Lars,

Please try the following solution:

1. In your main page create a global JavaScript variable that will hold the client object of the RadRotator in the RadRoolTip:

var rotator = null;

2. In the user control, attach an event handler of the RadRotator's OnClientLoad event. Then declare this handler in your main page, in order to assign the client object of the rotator control to the global variable.

User Control

<telerik:RadRotator ID="RadRotator2" runat="server" Height="113px" ItemHeight="113px"
    Width="150px" ItemWidth="150px" OnClientLoad="OnClientLoad">
</telerik:RadRotator>

Main Page

function OnClientLoad(sender, args) {
    rotator = sender;
}

3. Specify an handler to the OnClientResponseEnd client event of the RadToolTipManager control and in this handler call the client method repaint() of RadRotator in order to ensure that it will be properly displayed after the response from the AJAX request is received.

Main Page

<telerik:RadToolTipManager Width="230px" Height="300px" RelativeTo="Element" ID="RadToolTipManager1"
    runat="server" OffsetX="15" Position="MiddleRight" OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate"
    Skin="Telerik" EnableShadow="true" HideEvent="ManualClose" OnClientResponseEnd="OnClientResponseEnd">
</telerik:RadToolTipManager>

Main Page

function OnClientResponseEnd() {
    rotator.repaint();
}

I hope that helps. If the information listed above does not help you resolve your difficulties please open a support ticket and send us a simple, runnable project that isolates your case so that we can inspect it locally and pinpoint the cause.

Best wishes,
Slav
the Telerik team