Ophir Levin
Top achievements
Rank 1
Rank 1
Ophir Levin
asked on 07 Mar 2014, 03:56 PM
I am finding serious problems with your controls. I have found two already (how many more are there?) that don't scroll inside a window. The Button control is one and the other is the ColorPicker.This is a serious issue. IN IE, and yes I'm using IE 11, your Button control is not scrolling and neither is your ColorPicker. I have tried setting the position to relative and it still doesn't work. I am using v.2013.3.1114.40 in VS 2013. I would appreciate any advice you can give to fix this issue.
3 Answers, 1 is accepted
0
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:
it will be the same fix for ColorPicker also:
Regards,
Bozhidar
Telerik
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> <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>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.
0
Helen
Top achievements
Rank 1
Rank 1
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 :
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
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
0
Hello,
We will need your code configuration in order to check if you are putting the relative position to the right element. It should be the element, that wraps the button. You could also try to put the relative position to several other parent node elements.
Regards,
Bozhidar
Telerik
We will need your code configuration in order to check if you are putting the relative position to the right element. It should be the element, that wraps the button. You could also try to put the relative position to several other parent node elements.
Regards,
Bozhidar
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.