Tool-tip background gets weird with less browser width or height

3 posts, 1 answers
  1. Dev
    Dev avatar
    28 posts
    Member since:
    Jan 2011

    Posted 13 Feb 2014 Link to this post


    I am using telerik ajax controls version 2012.1.515.35 with ASP.NET 4.5 with C#.

    I have an aspx page to which I am adding a Dynamic RadGrid and for each cell of that grid I am placing a dynamic RadTooltip. It is working fine when browser window is maximized or with full-screen. But as I make the window width less then full screen, the tool-tip gets weird.

    I have attached both of the screen-shots with this post.

    The code using what I generates the tool-tip is as below :

    public void InstantiateIn(System.Web.UI.Control container)
        RadToolTip RadToolTip1 = new RadToolTip();
        RadToolTip1.ID = container.ClientID + DateTime.Now.Ticks.ToString();
        RadToolTip1.HideEvent = ToolTipHideEvent.LeaveToolTip;
        RadToolTip1.OffsetY = -1;
        RadToolTip1.RelativeTo = ToolTipRelativeDisplay.Element;
        RadToolTip1.EnableViewState = false;
        RadToolTip1.Position = ToolTipPosition.TopCenter;
        RadToolTip1.AnimationDuration = 300;
        RadToolTip1.DataBinding += new EventHandler(RadToolTip1_DataBinding);
        if (request.UserAgent.ToLower().Contains("android"))
            RadToolTip1.ShowEvent = ToolTipShowEvent.OnClick;

    P.S. : With attached images, the yellow marker on text has done by me to hide some confidential data.

    Please let me know how to get rid of this issue?

    Thank you.
  2. Answer
    Marin Bratanov
    Marin Bratanov avatar
    3555 posts

    Posted 14 Feb 2014 Link to this post


    Please examine this article to see how to properly setup a tooltip and to find the required properties like Width and Height that I do not see:  The very first section treats the problem you are having.
    You can also consider disabling its screen boundary detection so it can go out of the viewport instead of attempt to stay in:

    Marin Bratanov
    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 UI for ASP.NET AJAX, subscribe to the blog feed now.
  3. DevCraft R3 2016 release webinar banner
  4. Dev
    Dev avatar
    28 posts
    Member since:
    Jan 2011

    Posted 19 Feb 2014 in reply to Marin Bratanov Link to this post

    Thanks Marin. :) I had set ShowEvent, Height and Width properties for the tool-tip and it worked fine for me. :)
Back to Top