RadCalendar with RadTooltipManager and RadRotator

3 posts, 0 answers
  1. Lars
    Lars avatar
    8 posts
    Member since:
    Nov 2011

    Posted 14 Dec 2011 Link to this post


    I have setup a RadCalendar with a RadTooltipManager using the examples here:

    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. Lars
    Lars avatar
    8 posts
    Member since:
    Nov 2011

    Posted 14 Dec 2011 Link to this post

    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 :)
  3. DevCraft R3 2016 release webinar banner
  4. Slav
    Slav avatar
    1351 posts

    Posted 16 Dec 2011 Link to this post

    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">

    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">

    Main Page
    function OnClientResponseEnd() {

    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,
    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
Back to Top