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

[Solved] Formatting issue with radGrid and GridDateTimeColumn in Internet Explorer 10

3 Answers 92 Views

Grid

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

Allan asked on 17 Sep 2013, 09:27 AM

ie8.png

ie10.png

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.

[Solved] Formatting issue with radGrid and GridDateTimeColumn in Internet Explorer 10

3 Answers, 1 is accepted