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

Ajax Calender not display Properly in RadGrid control

1 Answer 49 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jiten
Top achievements
Rank 1
Jiten asked on 25 Oct 2014, 11:57 AM
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.

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 29 Oct 2014, 01:36 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
Jiten
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or