Hello. I have a problem with malformed RadDatePicker controls in my application. This problem started to occur as soon as I upgraded from Q2 2011 to Q3 2011.
The problem is that when RadFormDecorator is used on the form, the RadDatePicker/RadTimePicker ignores any Width attribute and produces a very wide textbox. If you have another control to the right of the RadDatePicker/RadTimePicker, it will superimpose over the RadDatePicker. Please see the code sample below and the two attached files.
This problem occurs in the current versions of Safari and Chrome on Windows and OS X. IE and Firefox render the controls correctly. If I modify the RadFormDecorator control's ControlsToSkip attribute to exclude textboxes, the controls render correctly in all browsers, but of course it mangles all my textboxes. My application is quite large, and as RadControls were originally applied to a legacy application, we have made extensive use of the RadFormDecorator control to pretty things up. Removing it from the application and manually applying styles to all my pages, and retesting everything is a very large task.
Other than rolling back to Q2 2011, which gives me nightmares, does anyone else have any ideas?
Here's the sample code:
The problem is that when RadFormDecorator is used on the form, the RadDatePicker/RadTimePicker ignores any Width attribute and produces a very wide textbox. If you have another control to the right of the RadDatePicker/RadTimePicker, it will superimpose over the RadDatePicker. Please see the code sample below and the two attached files.
This problem occurs in the current versions of Safari and Chrome on Windows and OS X. IE and Firefox render the controls correctly. If I modify the RadFormDecorator control's ControlsToSkip attribute to exclude textboxes, the controls render correctly in all browsers, but of course it mangles all my textboxes. My application is quite large, and as RadControls were originally applied to a legacy application, we have made extensive use of the RadFormDecorator control to pretty things up. Removing it from the application and manually applying styles to all my pages, and retesting everything is a very large task.
Other than rolling back to Q2 2011, which gives me nightmares, does anyone else have any ideas?
Here's the sample code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test2.aspx.cs" Inherits="Test2" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
DecoratedControls
=
"All"
runat
=
"server"
Skin
=
"Default"
ControlsToSkip
=
"Label"
/>
<
div
>
<
telerik:RadDatePicker
ID
=
"RadDatePicker1"
runat
=
"server"
DateInput-DateFormat
=
"dd MMM yyyy"
Width
=
"110px"
/>
<
telerik:RadDatePicker
ID
=
"RadDatePicker2"
runat
=
"server"
DateInput-DateFormat
=
"dd MMM yyyy"
Width
=
"110px"
/>
</
div
>
</
form
>
</
body
>
</
html>