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

Buttons Not Scrolling

3 Answers 80 Views

Button

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

3 Answers, 1 is accepted

answered on 10 Mar 2014, 12:18 PM

Hello,

Thanks for contacting Telerik Support. I suppose you are using IE11 in compatibility mode, because I have tested such a scenario and the issue is not reproducible. To fix it in IE7 or all IEs compatibility mode, you need to use the following CSS fix:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

.rwWindowContent > div {

*position: relative;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="sm1" runat="server" />

<telerik:RadWindow runat="server" VisibleOnPageLoad="true" Title="Scroll Button and ColorPicker">

<ContentTemplate>

<telerik:RadButton runat="server" Text="Button"></telerik:RadButton>

<telerik:RadButton runat="server" Text="Link Button" ButtonType="LinkButton"></telerik:RadButton>

<telerik:RadButton runat="server" Text="Skinned Button" ButtonType="SkinnedButton"></telerik:RadButton>

<p>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</p>

</ContentTemplate>

</telerik:RadWindow>

</form>

</body>

</html>

it will be the same fix for ColorPicker also:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

.rwWindowContent > div {

*position: relative;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="sm1" runat="server" />

<telerik:RadWindow runat="server" VisibleOnPageLoad="true" Title="Scroll Button and ColorPicker">

<ContentTemplate>

<telerik:RadColorPicker runat="server"></telerik:RadColorPicker>

<p>

</p>

</ContentTemplate>

</telerik:RadWindow>

</form>

</body>

</html>

Regards,
Bozhidar
Telerik

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

answered on 09 Oct 2014, 07:41 PM

Hi Telerik team,

I'm also running into the same problem and tried Bozhidar solution, but can't get it to work. I'm using IE9 in compatibility mode. My image button, update button and the content of the grid seemed to be fixed position. Using IE developer toolbar I managed to find the ID of my image button and set position as relative like this :

#ctl06_DetailCompany_CompanyForm_websiteLink {

position:relative;

}

Also tried adding !important at the end but still failed to work.

What is the best way to deal with this type of CSS issue because I have several user controls on the page that have the same problem. If you could guide me, then I don't have to keep asking similar type of question.

Thank you,

Helen