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

Calendar input truncated when using DateInput

1 Answer 57 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Tim Barton
Top achievements
Rank 2
Tim Barton asked on 11 Jan 2013, 12:57 PM
Hi,

I have a RadDateTimepicker and changed the font size to 20px and when I assign a date/time to it using SelectedDate, the text is truncated.  See attached picture and notice the PM is missing.  I have pasted my code.

Datey.SelectedDate = now

Browser: IE 10

When I change the font to 15px, all shows fine.

Thanks.
Tim

<telerik:RadDateTimePicker ID="Datey" Style="vertical-align: middle;" Width="300px" runat="server" Skin="Default" Culture="English (United States)" EnableTyping="False">
                                                                            <DateInput runat="server" Font-Size="20px" >
                                                                            </DateInput>
                                                                            <Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" Skin="Telerik" ShowRowHeaders="False" runat="server">
                                                                                <SpecialDays>
                                                                                    <telerik:RadCalendarDay Repeatable="Today">
                                                                                        <ItemStyle CssClass="rcToday" />
                                                                                    </telerik:RadCalendarDay>
                                                                                </SpecialDays>
                                                                            </Calendar>
                                                                        </telerik:RadDateTimePicker>


1 Answer, 1 is accepted

Sort by
0
MasterChiefMasterChef
Top achievements
Rank 2
answered on 14 Jan 2013, 07:06 PM
Hi Tim,

Since this issue is only present when running the RadDateTimePicker in IE10, it most likely has nothing to do with Telerik's RadControls and is stemming from the newest release of Internet Explorer. There are some known bugs with the current version of IE10's compatibility with JavaScript. If you would like you can read more about it here. Microsoft knows of these issues and are working to release updates to fix the issue. You may need to tweak your code to produce exactly what you are trying to see in IE10, but if the issue is gone when you simply make the font size smaller than this may be your best bet at the moment.

Good luck,
Bart
Tags
Calendar
Asked by
Tim Barton
Top achievements
Rank 2
Answers by
MasterChiefMasterChef
Top achievements
Rank 2
Share this question
or