Ajax Calender not display Properly in RadGrid control

[Jiten]

I add Style Sheet in page design:

<style type="text/css">
     
        .RadGrid td .ajax__calendar td
        {
            padding: 0;
        }
</style>

And Use the Radgrid Control as following Code:
 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                                            <ContentTemplate>
<telerik:RadGrid ID="gvTabularFormat" runat="server" AutoGenerateColumns="False"
                                                                Skin="Windows7" Width="720px" AllowPaging="false" ShowHeader="true" ShowFooter="true"
                                                                AllowSorting="false" OnItemDataBound="gvTabularFormat_OnItemDataBound">
                                                                <ClientSettings>
                                                                    <Scrolling FrozenColumnsCount="0" AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true">
                                                                    </Scrolling>
                                                                </ClientSettings>
                                                                <MasterTableView TableLayout="Auto">
                                                                    <NoRecordsTemplate>
                                                                        <div style="font-weight: bold; color: Red;">
                                                                            No Record Found.</div>
                                                                    </NoRecordsTemplate>
                                                                    <Columns>
                                                                        <telerik:GridTemplateColumn>
<ItemTemplate>
<table id="tblDate0" cellpadding="0" cellspacing="0" border="0" runat="server" visible="false">
                                                                                    <tr valign="top">
                                                                                        <td valign="top">
                                                                                            <asp:TextBox ID="txtDate0" SkinID="textbox" Font-Size="13px" Text="" Width="67px"
                                                                                                runat="server" />
                                                                                        </td>
                                                                                        <td valign="top" align="left">
                                                                                           <img src="~/Images/calendar.gif" alt="Click here to get date" width="19" height="20"
                                                                                                    vspace="0" border="0" id="imgFromDate0" runat="server" />
                                                                                        </td>
                                                                                        <td>
                                                                                            <AJAX:CalendarExtender ID="CalendarExtender0" runat="server" TargetControlID="txtDate0"
                                                                                                Format="dd/MM/yyyy" PopupButtonID="imgFromDate0" EnabledOnClient="true">
                                                                                            </AJAX:CalendarExtender>
                                                                                            <AJAX:FilteredTextBoxExtender ID="FilteredTextBoxExtender0" runat="server" Enabled="True"
                                                                                                TargetControlID="txtDate0" FilterType="Custom, Numbers" ValidChars="_/">
                                                                                            </AJAX:FilteredTextBoxExtender>
                                                                                           </td>
                                                                                    </tr>
                                                                                </table>
 </ItemTemplate>
                                                                            <FooterTemplate>
                                                                                <asp:Label ID="lblT0" runat="server" Style="width: 99%; text-align: right;" Text="&nbsp;"
                                                                                    BorderColor="Silver" BorderWidth="1px" SkinID="label" />
                                                                            </FooterTemplate>
                                                                        </telerik:GridTemplateColumn>
</Columns>
                                                                </MasterTableView>
                                                            </telerik:RadGrid>

</ContentTemplate>
                                                                                   </asp:UpdatePanel>
Calender Control is not displaying properly. Also, I attach the screen shot.
Please help me.
I hope Telerik Team help me.
Thanks.

[Maria Ilieva]

Hi Jiten,

I'm not completely sure how the Ajax Calendar should appear as I'm not deeply aware of this control. Could you please verify what the result would be inn case asp GridView control is used instead of RadGrid?

Also I would suggest you to place RadDatePicker control instead of Ajax Calendar into the RadGrid template as we can ensure both controls' compatibility.

Regards,
Maria Ilieva
Telerik