button goes out of the rad window

4 posts, 2 answers
  1. Abhi Shinde
    Abhi Shinde avatar
    56 posts
    Member since:
    May 2010

    Posted 17 Aug 2011 Link to this post

    We have used telerik rad window. It is working fine in Mozila, Crome, IE8 but in IE7 and IE9 it has a problem. The buttons used at the end of the window goes down side and out of the window as in the given screen shot. If we want to click the button then we have to scroll down the whole page, come to the button. On mouse over the button moves to upward dirrection or to the position where it should be. Then we are able to click it. The window has width="760" and  height="550".
  2. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    4630 posts

    Posted 18 Aug 2011 Link to this post

    Hi Abhi,

    There is a known issue with relatively positioned elements under IE6 andIE7 which affects the RadButton. More information is available in this help article: http://www.telerik.com/help/aspnet-ajax/radbutton-known-issues-ie6-ie7.html.

    What I would suggest is that you try wrapping the contents of your RadWindow's ContentTemplate in a div with relative positioning (which is one of the options proposed in the article):

    <div style="position: relative;">
        other content
        <telerik:RadButton ........ />
    </div>
    and see if it helps.


    All the best,
    Marin
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Abhi Shinde
    Abhi Shinde avatar
    56 posts
    Member since:
    May 2010

    Posted 22 Aug 2011 Link to this post

    hi Marin ,

    your solution is fine. But I want to know the root of the problem. If i change RadButton to normal asp button then it is showing as per design. 

    Can you please explain why RadButton is behaving like this?
  4. Answer
    Slav
    Admin
    Slav avatar
    1359 posts

    Posted 23 Aug 2011 Link to this post

    Hi Abhi,

    As stated in the provided help article, the wrapping element of the RadButton control is relatively positioned, so that the Primary and Secondary icons can be positioned absolutely toward the wrapper. Older versions of Internet Explorer may overlay incorrectly the relatively positioned element over all other elements on the page, which results in fixing the element to a certain position. This is commonly know bug under IE and reports for it can be observed on numerous articles over the Internet, for example this one.

    The solution of the problem, as shown in the previous post, is to set position: relative to the parent element of the RadButton.

    The RadButton, containing relatively positioned elements, hits this IE bug, while the standard asp button, being a simple HTML element does not trigger it.

    Kind regards,
    Slav
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Back to Top