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

Formatting issue with radGrid and GridDateTimeColumn in Internet Explorer 10

3 Answers 28 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Allan
Top achievements
Rank 1
Allan asked on 17 Sep 2013, 09:27 AM
Hello everybody,

I am working on an application that was developed using IE 8 and the Q2 2012 AJAX controls (2012.2.607.40)

We have recently upgraded to Internet Explorer 10 and have encountered a number of formatting issues.
Attached are a couple of screen shots - the page as it looks in IE 8 and the same screen in IE 10.

I have tried adjusting the size of the columns but no matter what width they are the DatePicker and TimePicker fields use the entire width which results in the required field validator asterisk being pushed under the control.

<telerik:GridDateTimeColumn DataField="NULLABLE_TIMESHEET_ITEM_DATE" HeaderText="Date"
    PickerType="DatePicker" DataFormatString="{0:dd/MM/yyyy}" UniqueName="DateTimeColumEditor">
    <HeaderStyle Width="120px" />
</telerik:GridDateTimeColumn>
 
<telerik:GridDateTimeColumn HeaderText="Start Time" PickerType="TimePicker" DataField="NULLABLE_START_TIME"
    UniqueName="StartTimeColumn" DataFormatString="{0:HH:mm}" ColumnEditorID="DateTimeColumEditor">
    <HeaderStyle Width="105px" />
</telerik:GridDateTimeColumn>
 
<telerik:GridDateTimeColumn HeaderText="End Time" PickerType="TimePicker" DataField="NULLABLE_END_TIME"
    UniqueName="EndTimeColumn" DataFormatString="{0:HH:mm}" ColumnEditorID="DateTimeColumEditor">
    <HeaderStyle Width="105px" />
</telerik:GridDateTimeColumn>

Can anybody suggest a way to control the width of the Date and Time picker fields?

Thanks.

3 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 20 Sep 2013, 08:50 AM
Hello Allan,

Please try including the following property:
<telerik:GridDateTimeColumn ... FilterControlWidth="70px">

Hope this helps. Please give it a try and let me know if it works for you.

Regards,
Eyup
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Allan
Top achievements
Rank 1
answered on 23 Sep 2013, 03:18 AM
Thanks for the reply, but unfortunately the FilterControlWidth property had no effect on the width of the date/time controls.
0
Eyup
Telerik team
answered on 26 Sep 2013, 08:07 AM
Hi Allan,

Can you please verify that the validators have Static display:
<asp:RequiredFieldValidator ... Display="Static">

Looking forward to your reply.

Regards,
Eyup
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Grid
Asked by
Allan
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Allan
Top achievements
Rank 1
Share this question
or