{"id":659,"date":"2010-07-16T15:30:26","date_gmt":"2010-07-16T10:00:26","guid":{"rendered":"http:\/\/JitendraZaa.com\/blog\/?p=659"},"modified":"2010-07-16T15:30:26","modified_gmt":"2010-07-16T10:00:26","slug":"rad-tooltip-overlaps-the-target-control-solution","status":"publish","type":"post","link":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/rad-tooltip-overlaps-the-target-control-solution\/","title":{"rendered":"Rad Tooltip overlaps the target control &#8211; solution"},"content":{"rendered":"<p>Hi Readers,<br \/>\nThis time i am here for the Telerik Users. The most common problem faced by the Telerik Toltip User is that\u00a0<strong>The telerik tooltip overlaps the target control. <\/strong>you can find the problem in below image.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2010\/07\/Tooltip-Problem1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-661\" title=\"Telerik Tooltip, Rad Control Tooltip problem\" src=\"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2010\/07\/Tooltip-Problem1-300x153.jpg?resize=300%2C153&#038;ssl=1\" alt=\"Telerik Tooltip, Rad Control Tooltip problem\" width=\"300\" height=\"153\" \/><\/a><\/p>\n<p>To solve this problem we need to add the client side script in Telerik Tooltip for <span style=\"color: #ff0000;\">OnClientBeforeShow<span style=\"color: #000000;\"> event. <\/span><\/span><\/p>\n<p>like this:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;telerik:RadToolTip OnClientBeforeShow=&quot;OnClientBeforeShow&quot; Width=&quot;200&quot; TargetControlID=&quot;lblTooltip&quot;\n ID=&quot;RadToolTip1&quot; runat=&quot;server&quot;&gt;\n        Lorem ipsum dolor sit amet, vitae ut vitae accumsan dis mauris malesuada, ultricies risus,\n        Lorem ipsum dolor sit amet, vitae ut vitae accumsan dis mauris malesuada, ultricies risus,\n        &lt;\/telerik:RadToolTip&gt;\n<\/pre>\n<p>Add below javascript in your ASPX page.<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n &lt;script type=&quot;text\/javascript&quot;&gt;\n    function OnClientBeforeShow(sender, args)\n        {\n           sender._popupBehavior.set_keepInScreenBounds(false);\n        }\n    &lt;\/script&gt;\n<\/pre>\n<p>And, thats its. The problem is solved. \u00a0pretty cool hmm \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2010\/07\/After-SOlution.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-662\" title=\"Telerik Tooltip, Rad Tooltip solution\" src=\"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2010\/07\/After-SOlution-300x111.jpg?resize=300%2C111&#038;ssl=1\" alt=\"Telerik Tooltip, Rad Tooltip solution\" width=\"300\" height=\"111\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Telerik Tooltip Problem &#8211; overlaps the target control in case of scrolling<\/p>\n","protected":false},"author":1,"featured_media":661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"jz_research_post":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[21],"tags":[193],"class_list":["post-659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-net","tag-telerik"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":761,"url":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/telerik-radwindow-pop-up-problem-in-chrome-and-safari\/","url_meta":{"origin":659,"position":0},"title":"Telerik RadWindow Pop up Problem in Chrome and safari","author":"Jitendra","date":"August 10, 2010","format":false,"excerpt":"Telerik Popup Window Height is not set in Safari and Chrome (Apple Webkit Browsers)","rel":"","context":"In &quot;ASP.NET&quot;","block_context":{"text":"ASP.NET","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/microsoft\/net\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1343,"url":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/telerik-controls-css-lost-on-page-postback\/","url_meta":{"origin":659,"position":1},"title":"Telerik Controls &#8211; CSS Lost on Page Postback","author":"Jitendra","date":"November 9, 2010","format":false,"excerpt":"Telerik Controls - CSS Lost on Page Postback in Chrome and Mozilla firefox","rel":"","context":"In &quot;ASP.NET&quot;","block_context":{"text":"ASP.NET","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/microsoft\/net\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":467,"url":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/telerik-radschedular-tips-and-tricks\/","url_meta":{"origin":659,"position":2},"title":"Telerik RadSchedular Tips and Tricks","author":"Jitendra","date":"July 1, 2010","format":false,"excerpt":"Change the style of the Today Cell in Month View and Bind Extra Column \/ Add Argument in RadSchedular","rel":"","context":"In &quot;ASP.NET&quot;","block_context":{"text":"ASP.NET","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/microsoft\/net\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":464,"url":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/opening-radwindow-from-another-radwindow-telerik-control\/","url_meta":{"origin":659,"position":3},"title":"Opening RadWindow from another RadWindow \u2013 Telerik Control","author":"Jitendra","date":"July 1, 2010","format":false,"excerpt":"Opening RadWindow from another RadWindow: Sometime it may require opening the radwindow from another radwindow. But believe me; it will not be easy.Problems I faced were: New window opened behind the parent radwindow. New window open in area of parent window only.\u00a0So we cannot resize the window as per required.\u2026","rel":"","context":"In &quot;ASP.NET&quot;","block_context":{"text":"ASP.NET","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/microsoft\/net\/"},"img":{"alt_text":"Telerik Control in ASP.NET","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2010\/07\/Telerik_Logo.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":895,"url":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/multiplepage_load\/","url_meta":{"origin":659,"position":4},"title":"Page loads multiple times in Rad Window","author":"Jitendra","date":"August 27, 2010","format":false,"excerpt":"Solution of Multiple time page load problem of Telerik Rad Window.","rel":"","context":"In &quot;ASP.NET&quot;","block_context":{"text":"ASP.NET","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/microsoft\/net\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":720,"url":"https:\/\/www.jitendrazaa.com\/blog\/microsoft\/net\/page_load-firing-multiple-time-in-radwindow-popup\/","url_meta":{"origin":659,"position":5},"title":"Clear ASP page cache &#8211; Page_Load() firing multiple time in RadWindow Popup","author":"Jitendra","date":"August 5, 2010","format":false,"excerpt":"How to prevent the multiple Page load event in case Telerik Rad Window Popup is used and Clear ASP page cache.","rel":"","context":"In &quot;ASP.NET&quot;","block_context":{"text":"ASP.NET","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/microsoft\/net\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":0,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/659\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/tags?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}