button goes out of the rad window

[Abhi Shinde]

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

[Marin Bratanov]

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

[Abhi Shinde]

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?

[Slav]

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