This is a migrated thread and some comments may be shown as answers.

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

2 Answers 50 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Dev
Top achievements
Rank 1
Dev asked on 13 Feb 2014, 06:25 AM
Hello,

I am using telerik asp.net 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;
    }
    container.Controls.Add(RadToolTip1);
}

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 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 14 Feb 2014, 02:44 PM
Hi,

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: http://www.telerik.com/help/aspnet-ajax/tooltip-troubleshooting-common-issues.html.  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: http://www.telerik.com/forums/force-position-off-screen.


Regards,
Marin Bratanov
Telerik
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.
0
Dev
Top achievements
Rank 1
answered on 19 Feb 2014, 09:00 AM
Thanks Marin. :) I had set ShowEvent, Height and Width properties for the tool-tip and it worked fine for me. :)
Tags
ToolTip
Asked by
Dev
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Dev
Top achievements
Rank 1
Share this question
or