5 Answers, 1 is accepted
0
Hello,
Thank you for contacting us. We are aware about the JavaScript errors, but for the totally messed up form you should be more specific and provide us a sample code and screenshots that demonstrates the issue.
I browsed all the RadFormDecorator demos using IE7 and there is no a single messed up page.
Greetings,
Bozhidar
the Telerik team
Thank you for contacting us. We are aware about the JavaScript errors, but for the totally messed up form you should be more specific and provide us a sample code and screenshots that demonstrates the issue.
I browsed all the RadFormDecorator demos using IE7 and there is no a single messed up page.
Greetings,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0

Tommy
Top achievements
Rank 1
answered on 22 Oct 2012, 02:11 PM
Hi,
I just noticed that all the filters in grid headers with auto sized collumns are now fixed to 154px when I have an RadFormDecorator on the form, and it does that with every browser.
here is a simple exemple of how it looks on IE7 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Login.aspx.vb" Inherits="GESPHARxLite_2.Login" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=9; IE=8; IE=7; IE=EDGE"
>
<
meta
http-equiv
=
"content-type"
content
=
"text/html; charset=utf-8"
/>
<
title
>Login</
title
>
<
link
rel
=
"shortcut icon"
type
=
"image/ico"
href
=
"Images/favicon.ico"
/>
<
link
rel
=
"icon"
type
=
"image/ico"
href
=
"Images/favicon.ico"
/>
<
script
src
=
"Scripts/jquery-1.7.min.js"
type
=
"text/javascript"
></
script
>
<
style
type
=
"text/css"
>
body, form, html
{
height: 100%;
}
.loginDiv
{
margin-top: 100px;
}
.loginCenter
{
width: 320px;
padding: 20px 0px 30px 0px;
margin: 0 auto;
}
.lblLogin
{
float: left;
width: 50%;
line-height: 22px;
text-align: left;
}
.edLogin
{
float: left;
width: 50%;
line-height: 22px;
text-align: right;
}
#vertical
{
position: absolute;
top: 50%;
margin-top: -250px;
width: 100%;
text-align: center;
}
#hoz
{
width: 777px;
margin-left: auto;
margin-right: auto;
height: 491px;
position: relative;
}
#header
{
width: 100%;
height: 59px !important;
margin-top: 0px;
position: relative;
}
#wrapper
{
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
.spacer
{
clear:both;
}
.login
{
display: block; /*set the div in the center of the screen*/
position: absolute;
top: 30%;
left: 25%;
}
</
style
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
language
=
"javascript"
>
$(document).ready(function()
{
if (window.top != window.self)
{
window.top.location.reload(true);
}
else
{
$("body").show();
}
});
</
script
>
</
telerik:RadCodeBlock
>
</
head
>
<
body
style
=
"display: none;"
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
>
</
asp:ScriptReference
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
>
</
asp:ScriptReference
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
>
</
asp:ScriptReference
>
</
Scripts
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"bLogin"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rwm"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Default"
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
DecoratedControls
=
"All"
runat
=
"server"
/>
<
div
id
=
"vertical"
>
<
div
id
=
"hoz"
>
<
div
class
=
"loginDiv"
>
<
div
>
</
div
>
<
div
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock2"
runat
=
"server"
>
<
asp:Label
runat
=
"server"
Height
=
"32.333"
Margin
=
"91,93,94,0"
ID
=
"Label5"
Font-Bold
=
"true"
Font-Size
=
"Large"
><%=GetMessageEx(6491).Texte %></
asp:Label
>
</
telerik:RadCodeBlock
>
</
div
>
<
div
class
=
"loginCenter"
>
<
div
class
=
"editLine"
>
<
div
class
=
"lblLogin"
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock3"
runat
=
"server"
>
<%=GetMessageEx(4132).Texte %>
:
</
telerik:RadCodeBlock
>
</
div
>
<
div
class
=
"edLogin"
>
<
telerik:RadTextBox
ID
=
"edUsager"
runat
=
"server"
Width
=
"154px"
>
</
telerik:RadTextBox
>
</
div
>
<
div
class
=
"spacer"
>
</
div
>
</
div
>
<
div
class
=
"editLine"
>
<
div
class
=
"lblLogin"
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock4"
runat
=
"server"
>
<%=GetMessageEx(6623).Texte %>
:
</
telerik:RadCodeBlock
>
</
div
>
<
div
class
=
"edLogin"
>
<
telerik:RadTextBox
ID
=
"edPassword"
runat
=
"server"
TextMode
=
"Password"
Width
=
"154px"
>
</
telerik:RadTextBox
>
</
div
>
<
div
class
=
"spacer"
>
</
div
>
</
div
>
<
div
class
=
"editLine"
>
<
div
class
=
"lblLogin"
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock5"
runat
=
"server"
>
<%=GetMessageEx(5184).Texte %>
:
</
telerik:RadCodeBlock
>
</
div
>
<
div
class
=
"edLogin"
>
<
telerik:RadComboBox
ID
=
"cboEtablissement"
runat
=
"server"
AppendDataBoundItems
=
"True"
DataTextField
=
"NoEtabNomEtab"
DataValueField
=
"pram_sequence"
Width
=
"154px"
Skin
=
"Default"
>
</
telerik:RadComboBox
>
</
div
>
<
div
class
=
"spacer"
>
</
div
>
</
div
>
</
div
>
<
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
telerik:RadWindowManager
runat
=
"server"
ID
=
"rwm"
Modal
=
"true"
VisibleOnPageLoad
=
"true"
VisibleStatusbar
=
"false"
IconUrl
=
"Images/favicon.ico"
>
</
telerik:RadWindowManager
>
</
form
>
</
body
>
</
html
>
0
Hi Tommy,
I could confirm the issue, and we are aware that when RadFormDecorator is enabled on a page together with RadInput controls in IE7 there is a JavaScript mistake.
Our developers working on that problem and it will be fixed in shortly and most probably the fix will be available in the next official release scheduled for the beginning of December, but most probably it will be available in the internal demos earlier.
For now, you could disable RadFormDecorator or to use it, but with the property - EnableRoundedConrers set to false. The elements will be decorated but the rounded corners will be skipped, including the additional table rendered in IE7 to mimic rounded corners which is the problematic part.
All the best,
Bozhidar
the Telerik team
I could confirm the issue, and we are aware that when RadFormDecorator is enabled on a page together with RadInput controls in IE7 there is a JavaScript mistake.
Our developers working on that problem and it will be fixed in shortly and most probably the fix will be available in the next official release scheduled for the beginning of December, but most probably it will be available in the internal demos earlier.
For now, you could disable RadFormDecorator or to use it, but with the property - EnableRoundedConrers set to false. The elements will be decorated but the rounded corners will be skipped, including the additional table rendered in IE7 to mimic rounded corners which is the problematic part.
All the best,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0

Matt
Top achievements
Rank 1
answered on 09 Nov 2012, 09:29 PM
"I browsed all the RadFormDecorator demos using IE7 and there is no a single messed up page."
You sure?
Check the image. IE7 doesn't render button highlight (mouseover) doesn't display correctly.
Works fine in Chrome.
You sure?
Check the image. IE7 doesn't render button highlight (mouseover) doesn't display correctly.
Works fine in Chrome.
0
Hi,
The issue shown on the screenshot in IE7 and wrong hover state for metro skin is a known issue and is already fixed. The fix will be available in the next official release, scheduled for the beginning of December.
I am pretty sure, that there is no a single messed up page in IE7, at least the way I understand what is a "messed up" page - the layout is fine and the control behavior is fine also. Is it a bug the problem with the hovered background for Metro skin - yes, but in my opinion it could not be said it is messed.
All the best,
Bozhidar
the Telerik team
The issue shown on the screenshot in IE7 and wrong hover state for metro skin is a known issue and is already fixed. The fix will be available in the next official release, scheduled for the beginning of December.
I am pretty sure, that there is no a single messed up page in IE7, at least the way I understand what is a "messed up" page - the layout is fine and the control behavior is fine also. Is it a bug the problem with the hovered background for Metro skin - yes, but in my opinion it could not be said it is messed.
All the best,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.