Ragrid GridDateTimeColumn image not loading

[Sanjana]

Hi,
I have a Radgrid with GridDateTimeColumn, when i click on edit the calendar image is not displaying, instead it displays text "the calendar popup." this happens only for the first time when i click edit and when i mouse over the control, the control (textbox and calendar) moves up and the calendar image is displayed. when i cancel and click edit again its works fine.

[Princy]

Hi Sanjana,

I was not able to replicate such an issue at my end. Take a look at the second Grid in this demo on Grid - Column Types and try to replicate the issue. If this doesn't help, provide your full code snippet along with version and browser details.

Thanks,
Princy

[Sanjana]

Hi Princy,

I am using Telerik Q1 2012 and IE 8.  The grid is in a web-user control.

Code snippet:

<asp:panel id="Pnl1" runat="server" horizontalalign="left" style="overflow: visible;">
<telerik:RadGrid ID="Radgrid1" runat="server" AllowAutomaticUpdates="true" AutoGenerateColumns="false"
HeaderStyle-HorizontalAlign="Center">
<ClientSettings ReorderColumnsOnClient="false" AllowDragToGroup="false"
AllowColumnsReorder="false">
</ClientSettings>
<MasterTableView AutoGenerateColumns="false" NoMasterRecordsText="No records found."
ShowHeadersWhenNoRecords="true" TableLayout="Fixed" GroupLoadMode="Client" DataKeyNames="Name,DOB" AllowSorting="false" GridLines="Both">
<EditFormSettings>
<PopUpSettings Modal="true" />
</EditFormSettings>
<Columns>
<telerik:GridBoundColumn HeaderStyle-Width="13%" DataField="Name" ReadOnly="True" HeaderText="Name">
</telerik:GridBoundColumn>
<telerik:GridDateTimeColumn HeaderStyle-Width="8%" DataField="DOB" ReadOnly="True" SortExpression="DOB" DataFormatString="{0:d}" HeaderText="DOB" MaxDate="12-31-2020">
<ItemStyle HorizontalAlign="Center" />
<HeaderStyle HorizontalAlign="Center" />
</telerik:GridDateTimeColumn>
<telerik:GridDateTimeColumn HeaderStyle-Width="8%" DataField="DOJ" ReadOnly="True" SortExpression="DOJ" DataFormatString="{0:d}" HeaderText="DOJ" MaxDate="12-31-2020">
<ItemStyle HorizontalAlign="Center" />
<HeaderStyle HorizontalAlign="Center" />
</telerik:GridDateTimeColumn>
</telerik:GridBoundColumn>
</Columns>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</asp:panel>

[Princy]

Hi Sanjana,

From your provided code I'm not able to replicate the issue. Check if you have set any styling that overrides the current style of the Grid which may be causing the issue. From your code you have set the columns ReadOnly and the EditMode type is not mentioned, please set those correctly and make sure you are binding the gird with NeedDataSource Event.

Thanks,
Princy

[Sanjana]

Hi Princy,

By default I'm setting the Readonly property to true. What is the EditMode type ? and yes I'm binding the grid in NeedDatasource.
Is it anything to do with the CSS. ? I'm using - Skin="Office2007"