This is a migrated thread and some comments may be shown as answers.
RadCalendar with RadTooltipManager and RadRotator
2 Answers 19 Views
This is a migrated thread and some comments may be shown as answers.
Lars
Top achievements
Rank 1
Lars asked on 14 Dec 2011, 11:47 AM
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?

2 Answers, 1 is accepted

Sort by
0
Lars
Top achievements
Rank 1
answered on 14 Dec 2011, 04:10 PM
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 :)
0
Slav
Telerik team
answered on 16 Dec 2011, 03:35 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Asked by
Lars
Top achievements
Rank 1
Answers by
Lars
Top achievements
Rank 1
Slav
Telerik team
Share this question
or