Hi,
I am using the ajax calendar extender inside a rad grid and it is not displaying properly. I read the forum post on this issue and added the following to my page and still the calendar did not display properly.
I am using a RadAjaxManager on my page so I removed it and my calendar displays correctly, but i need the to use the RadAjaxManager to show a loading panel.
How can I get the Calendar Extender to display correctly and use the RadAjaxManager.
Thank you for your assistance.
Tracy
I am using the ajax calendar extender inside a rad grid and it is not displaying properly. I read the forum post on this issue and added the following to my page and still the calendar did not display properly.
.RadGrid td .CalendarBlue .ajax__calendar td{ padding:0;}I am using a RadAjaxManager on my page so I removed it and my calendar displays correctly, but i need the to use the RadAjaxManager to show a loading panel.
How can I get the Calendar Extender to display correctly and use the RadAjaxManager.
Thank you for your assistance.
Tracy
5 Answers, 1 is accepted
0
Hello Tracy,
You load the controls using Ajax, but before showing a control (Calendar in this case), for some reason you make a postback. In such scenario, you need to make sure that EnableAjaxSkinRendering is set to true before you show the control.
Here is how EnableAjaxSkinRendering works:
When a control is loaded with a postback, it automatically set its skin files (css) in the head of the page.
When a control is loaded with Ajax however, since there is no postback, the head section is not updated and that is why a control rendered with Ajax must output its skins somehow. When the EnableAjaxSkinRendering property is set to true (by default it is true) and the control is loaded with Ajax, it outputs the CSS on the page and there is a client-side code that "puts" the CSS in the head section. After that, the EnableAjaxSkinRendering property is automatically set to false in order to avoid outputting the CSS again when you load it multiple times. If at some point however, you are submitting the form without Ajax, this property will stay set to false, hence the problem next time you open the calendar.
Greetings,
Pavlina
the Telerik team
You load the controls using Ajax, but before showing a control (Calendar in this case), for some reason you make a postback. In such scenario, you need to make sure that EnableAjaxSkinRendering is set to true before you show the control.
Here is how EnableAjaxSkinRendering works:
When a control is loaded with a postback, it automatically set its skin files (css) in the head of the page.
When a control is loaded with Ajax however, since there is no postback, the head section is not updated and that is why a control rendered with Ajax must output its skins somehow. When the EnableAjaxSkinRendering property is set to true (by default it is true) and the control is loaded with Ajax, it outputs the CSS on the page and there is a client-side code that "puts" the CSS in the head section. After that, the EnableAjaxSkinRendering property is automatically set to false in order to avoid outputting the CSS again when you load it multiple times. If at some point however, you are submitting the form without Ajax, this property will stay set to false, hence the problem next time you open the calendar.
Greetings,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Tracy
Top achievements
Rank 1
Rank 1
answered on 14 Aug 2012, 01:37 AM
Hi Pavilina,
Thank you for your response. I have read and understood your post but I still cannot get the calendar to display properly. I am using the calendar extender on a textbox that is inside an insert template. I click the add button and the grid goes into insert mode. The first field in the grid is the textbox with the calendar extender. When I set focus to the textbox the calendar drops down but it does not display correctly. I don't think that a postback is occurring.
I tried setting the EnableAjaxSkinRendering on the Grid_PreRender event and on the Grid ItemCommand InitInsert but this still did not solve my problem.
Where should I be setting this property?
Thank you.
Tracy
Thank you for your response. I have read and understood your post but I still cannot get the calendar to display properly. I am using the calendar extender on a textbox that is inside an insert template. I click the add button and the grid goes into insert mode. The first field in the grid is the textbox with the calendar extender. When I set focus to the textbox the calendar drops down but it does not display correctly. I don't think that a postback is occurring.
I tried setting the EnableAjaxSkinRendering on the Grid_PreRender event and on the Grid ItemCommand InitInsert but this still did not solve my problem.
Where should I be setting this property?
Thank you.
Tracy
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WBF PRJ Project Milestones.aspx.vb" Inherits="IPS_Gateway.WBF_PRJ_Project_Milestones" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title></title><style type="text/css"> .RadGrid td .CalendarBlue .ajax__calendar td{ padding:0;}</style></head> <script src="../../Scripts/GridFunctions.js" type="text/javascript"></script> <script src="../../Scripts/GridScroll.js" type="text/javascript"></script> <script src="../../Scripts/ControlSelectOnFocus.js" type="text/javascript"></script> <script src="../../Scripts/TimerControl.js" type="text/javascript"></script> <script type="text/javascript" > var editedRow; function JobIndexChanged(combo, eventArgs) { var item = eventArgs.get_item(); document.getElementById("lblProjectManager").innerHTML = item.get_attributes().getAttribute("ProjectManager"); document.getElementById("lblJobName").innerHTML = item.get_attributes().getAttribute("JobName"); this.click; } function ValidateDate(sender, args) { if (sender._selectedDate < new Date()) { alert("You must select a date greater than or equal to today!"); sender._selectedDate = new Date(); // set the date back to the current date sender._textbox.set_Value(sender._selectedDate.format(sender._format)); } } function DeleteOnClientClicking(sender, args) { DeleteOnClientClickingExternal(sender, args, $find("<%=rgvMainGrid.ClientID %>")); }// Put Grid In Edit Mode On Row Double Click function RowDblClick(sender, eventArgs) { editedRow = eventArgs.get_itemIndexHierarchical(); $find("<%= rgvMainGrid.ClientID %>").get_masterTableView().editItem(editedRow); }//Cancel Edit/Insert function CancelEdit(sender, args) { var c = confirm("Are you sure you want to cancel your changes>"); if (c == true) { $find("<%= rgvMainGrid.ClientID %>").get_masterTableView().cancelAll(); this.click; } } function GridCommand(sender, args) { if (args.get_commandName() != "Edit") { editedRow = null; } } function OnRowCreated() { } </script> <body onkeydown="javascript:if(window.event.keyCode == 13) window.event.keyCode = 9;"> <form id="form1" runat="server"> <act:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true" AsyncPostBackTimeOut="600"/> <telerik:RadWindowManager ID="rwmManager" runat="server"/> <telerik:RadAjaxManager ID="ajaxManager" runat="server" DefaultLoadingPanelID="loading"> <ClientEvents OnRequestStart="onRequestStart" /> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="rgvMainGrid" > <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="rgvMainGrid" LoadingPanelID="loading" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="rcbJob" > <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="rgvMainGrid" LoadingPanelID="loading" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="loading" runat="server" Skin="Telerik" EnableEmbeddedSkins="true" OnClientShowing="StartTimer" OnClientHiding="StopTimer"> <asp:Image ID="imgHourGlass" runat="server" ImageUrl="<%$ Resources:Images,HourGlass16%>" Height="20px" ImageAlign="Middle" /> <asp:Label ID="lblTimeElapased" runat="server" Text="Time Elapsed:" Font-Bold="true" Font-Names="Calibri" Font-Size="14px" ForeColor="#363636" style="height:20px;vertical-align:middle"/> <asp:TextBox ID="txtTimeElapsed" runat="server" Text="00:00:000" Font-Bold="true" Font-Names="Calibri" Font-Size="14px" ForeColor="#363636" BackColor="Transparent" BorderStyle="None" style="height:20px; vertical-align:middle;margin-top:3px"/> </telerik:RadAjaxLoadingPanel> <asp:SqlDataSource ID="SQLDS_ProjectMilestones" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_Milestones-Sel-Ins-Upd-Del]" /> <asp:SqlDataSource ID="SQLDS_DivisionCode" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Company].[DSP_CompanyIdentifiers-Sel-Ins-Upd-Del]" /> <asp:SqlDataSource ID="SQLDS_ProjectDiscipline" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_ProjectIdentifiers-Sel-Ins-Upd-Del]" /> <asp:SqlDataSource ID="SQLDS_Milestones" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_MilestoneMaster-Sel-Ins-Upd-Del]" /> <asp:SqlDataSource ID="SQLDS_JobNumber" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_ProjectMaster-Sel-Ins-Upd-Del]" /> <asp:panel ID="pnlPage" runat="server" cssClass="css_GPC01_Panel_MainContent"> <%-- %> <wuc:PageHeader id="wucPageHeader" runat="server"></wuc:PageHeader> --%> <asp:Panel ID="pnlPageContent" runat="server" cssClass="css_GPC01_Panel_PageContent" > <asp:Table ID="tblSelectionRow" runat="server" style=" border-collapse:collapse; margin-top:0px;" cellspacing="0" cellpadding="0" Width="1232px" > <asp:TableRow ID="trSelection" runat="server" CssClass="css_GFS01_TableHeading_Gray24" style="border-style:solid;border-width:thin;" Width="1215px" Height="24px"> <asp:TableCell> <asp:Label ID="lblJob" runat="server" Text="Job:" Width="45px" style="font-family:Tahoma;font-size:12px;text-align:right;color:Gray;font-weight:bold;" /> <telerik:RadComboBox ID="rcbJob" runat="server" DataSourceId="SQLDS_JobNumber" DataTextField="Job" DataValueField="Job" Width="105px" OnClientFocus="OnClientFocus" EnableViewState="true" AutoPostBack="true" AllowCustomText="true" MarkFirstMatch="true" OnClientSelectedIndexChanged="JobIndexChanged"/> <asp:Label ID="lblJobName" runat="server" Text="job name" style="font-family:Arial;font-weight:bold;font-size:12px;color:Navy;"/> <asp:Label ID="lblPRojectManagerLabel" runat="server" Text="Project Manager:" Width="130px" style="text-align:right;font-family:Tahoma;font-size:12px;color:Gray;font-weight:bold;"/> <asp:Label ID="lblProjectManager" runat="server" Text="project manager" style="font-family:Arial;font-size:12px;color:Navy;font-weight:bold;"/> <telerik:RadButton ID="rbtButton" runat="server" Text = "test" /> </asp:TableCell> </asp:TableRow> </asp:Table> <telerik:RadGrid ID="rgvMainGrid" runat="server" DataSourceID="SQLDS_ProjectMilestones" EnableEmbeddedSkins="true" Skin="Office2010Silver" Height="370px" Width="1230px" EnableViewState="true" AutoGenerateColumns="false" AllowMultiRowSelection="false" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" EnableLinqExpressions="false" AllowSorting="true" AllowPaging ="true" EnableAjaxSkinRendering="true"> <HeaderStyle Font-Bold="true" HorizontalAlign ="Center" VerticalAlign="Middle" Wrap="false" font-size="10px"/> <ItemStyle HorizontalAlign="Right" /> <AlternatingItemStyle HorizontalAlign="right" /> <HeaderStyle HorizontalAlign="Center" Width="40px" /> <PagerStyle AlwaysVisible="true" Mode="NextPrevNumericAndAdvanced" /> <EditItemStyle BackColor = "#939CCF" /> <ClientSettings AllowColumnsReorder="true" AllowDragToGroup="false" AllowColumnHide="false" ReorderColumnsOnClient="true" EnablePostBackOnRowClick="false" AllowExpandCollapse="true" EnableRowHoverStyle="true" > <ClientEvents OnCommand="GridCommand" OnRowDblClick="RowDblClick" OnGridCreated="GridScroll" /> <Selecting AllowRowSelect="true" /> <Resizing AllowColumnResize="True" AllowRowResize="False" ResizeGridOnColumnResize="false" EnableRealTimeResize="True" ></Resizing> <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="4" /> <KeyboardNavigationSettings AllowSubmitOnEnter="false" /> </ClientSettings> <ExportSettings HideStructureColumns="true" ExportOnlyData="true" Excel-Format="ExcelML" IgnorePaging="true" OpenInNewWindow="true" /> <MasterTableView DataSourceID="SQLDS_ProjectMilestones" Name="MasterGrid" PageSize="100" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="true" EnableViewState="true" AllowMultiColumnSorting="true" ShowGroupFooter="true" EditMode="InPlace" CommandItemDisplay="Top" DataKeyNames="MilestoneUniqueId"> <CommandItemTemplate> <asp:Table ID="tblCommandTemplate" runat="server" Width="1230px" CellSpacing="0" CellPadding="0"> <asp:TableRow ID="trowCommandTemplate1" Height="25px" runat="server" style="display:block;" > <asp:TableCell ID="tcell1" runat="server"> <telerik:RadButton ID="rbtAdd" runat="server" CommandName="InitInsert" Skin="Transparent" Text="Add" Icon-PrimaryIconURL="<%$ Resources:Images,AddRecord16%>" style="position:absolute;left:10px;font-size:10px;" ToolTip="Add New Record" Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' /> <telerik:RadButton ID="rbtEdit" runat="server" CommandName="EditSelected" Skin="Transparent" Text="Edit" Icon-PrimaryIconURL="<%$ Resources:Images,EditRecord16%>" style="position:absolute;left:70px;font-size:12px;" ToolTip="Edit Record" Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' /> <telerik:RadButton ID="rbtDelete" runat="server" CommandName="DeleteSelected" Skin="Transparent" Text="Delete" Icon-PrimaryIconURL="<%$ Resources:Images,DeleteRecord16%>" style="position:absolute;left:129px;font-size:12px;" ToolTip="Delete Record" Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' OnClientClicking="DeleteOnClientClicking"/> <telerik:RadButton ID="rbtCancel" runat="server" CommandName="CancelAll" Skin="Transparent" Text="Cancel" Icon-PrimaryIconURL="<%$ Resources:Images,CancelRecord16%>" style="position:absolute;left:10px;font-size:12px;" ToolTip="Cancel Add/Edit" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 Or rgvMainGrid.MasterTableView.IsItemInserted %>' /> <telerik:RadButton ID="rbtSaveNew" runat="server" CommandName="PerformInsert" Skin="Transparent" Text="Save" Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>" style="position:absolute;left:80px;font-size:12px;" ToolTip="Save New Record" Visible='<%# rgvMainGrid.MasterTableView.IsItemInserted%>' /> <telerik:RadButton ID="rbtSave" runat="server" CommandName="UpdateEdited" Skin="Transparent" Text="Save" Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>" style="position:absolute;left:80px;font-size:12px;" ToolTip="Save Edited Record" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 AND Not rgvMainGrid.MasterTableView.IsItemInserted%>'/> <telerik:RadButton ID="rbtExportToExcel" runat="server" CommandName="ExportToExcel" Skin="Transparent" Text="Export" Icon-PrimaryIconURL="<%$ Resources:Images,Excel16%>" style="position:absolute;left:1129px;font-size:12px;" ToolTip="Export To Excel" /> </asp:TableCell> </asp:TableRow> </asp:Table> </CommandItemTemplate> <NoRecordsTemplate> <div>There are no records to display. </div></NoRecordsTemplate> <Columns> <telerik:GridBoundColumn UniqueName="ArgusDBID" DataField="ArgusDBID" Display="false"/> <telerik:GridBoundColumn UniqueName="Job" DataField="Job" HeaderText="Job" HeaderStyle-HorizontalAlign="Center" Display="false"/> <telerik:GridBoundColumn UniqueName="JobDescription" DataField="JobDescription" HeaderText="Job Name" HeaderStyle-HorizontalAlign="Center" Display="false"/> <telerik:GridBoundColumn UniqueName="MilestoneUniqueId" DataField="MilestoneUniqueId" HeaderText="ID" HeaderStyle-Width="30px" HeaderStyle-HorizontalAlign="Center" Display="false"/> <telerik:GridTemplateColumn UniqueName="gtcMilestoneDate" DataField="MilestoneDate" HeaderText="Date" HeaderStyle-Width="90px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"> <ItemTemplate> <asp:Label ID="lblMilestoneDate" runat="server" Text='<%# Bind("MilestoneDate", "{0:MM-dd-yy}" ) %>' /> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEditMilestoneDate" runat="server" Text='<%# Bind("MilestoneDate", "{0:MM-dd-yy}" ) %>' Width="85px" CssClass="css_GFS01_TextBox_FlatBorder css_GFS01_RequiredField" /> <act:CalendarExtender ID="clnEditMilestoneDate" runat="server" TargetControlID="txtEditMilestoneDate" Format="MM-dd-yy" OnClientDateSelectionChanged="ValidateDate" DefaultView="Days" CssClass="CalendarBlue"/> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox ID="txtInsertMilestoneDate" runat="server" Width="85px" CssClass="css_GFS01_TextBox_FlatBorder css_GFS01_RequiredField" /> <act:CalendarExtender ID="clnInsertMilestoneDate" runat="server" TargetControlID="txtInsertMilestoneDate" Format="MM-dd-yy" OnClientDateSelectionChanged="ValidateDate" DefaultView="Days" CssClass="CalendarBlue" /> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcDivision" DataField="DivisionName" HeaderText="Division" HeaderStyle-Width="150px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left"> <ItemTemplate> <asp:Label ID="lblDivision" runat="server" Text='<%# Bind("DivisionName") %>' /> </ItemTemplate> <EditItemTemplate> <telerik:RadComboBox runat="server" ID="rcbEditDivision" DataSourceID="SQLDS_DivisionCode" DataValueField="IdentifierCode" DataTextField="LevelCode" AllowCustomText="false" MarkFirstMatch="true" OnClientFocus="OnClientFocus" HighlightTemplatedItems="true" EnableEmbeddedSkins="true" Skin="Office2010Silver" Width="140px" DropDownWidth="140px" > </telerik:RadComboBox> </EditItemTemplate> <InsertItemTemplate> <telerik:RadComboBox runat="server" ID="rcbInsertDivision" DataSourceID="SQLDS_DivisionCode" DataValueField="IdentifierCode" DataTextField="LevelCode" AllowCustomText="false" MarkFirstMatch="true" OnClientFocus="OnClientFocus" HighlightTemplatedItems="true" EnableEmbeddedSkins="true" Skin="Default" Width="140px" DropDownWidth="140px" > </telerik:RadComboBox> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcDiscipline" DataField="Discipline" HeaderText="Discipline" HeaderStyle-Width="150px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left"> <ItemTemplate> <asp:Label ID="lblDiscipline" runat="server" Text='<%# Bind("Discipline") %>' /> </ItemTemplate> <EditItemTemplate> <telerik:RadComboBox runat="server" ID="rcbEditDiscipline" DataSourceID="SQLDS_ProjectDiscipline" DataValueField="IdentifierCode" DataTextField="LevelCode" AllowCustomText="false" MarkFirstMatch="true" OnClientFocus="OnClientFocus" HighlightTemplatedItems="true" EnableEmbeddedSkins="true" Skin="Default" Width="140px" DropDownWidth="140px" > </telerik:RadComboBox> </EditItemTemplate> <InsertItemTemplate> <telerik:RadComboBox runat="server" ID="rcbInsertDiscipline" DataSourceID="SQLDS_ProjectDiscipline" DataValueField="IdentifierCode" DataTextField="LevelCode" AllowCustomText="false" MarkFirstMatch="true" OnClientFocus="OnClientFocus" HighlightTemplatedItems="true" EnableEmbeddedSkins="true" Skin="Default" Width="140px" DropDownWidth="140px" > </telerik:RadComboBox> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcMilestone" DataField="MilestoneDescription" HeaderText="Milestone" HeaderStyle-Width="150px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left"> <ItemTemplate> <asp:Label ID="lblMilestone" runat="server" Text='<%# Bind("MilestoneDescription") %>' /> </ItemTemplate> <EditItemTemplate> <telerik:RadComboBox runat="server" ID="rcbEditMilestone" DataSourceID="SQLDS_Milestones" DataValueField="MilestoneId" DataTextField="MilestoneDescription" AllowCustomText="false" MarkFirstMatch="true" OnClientFocus="OnClientFocus" style="border-color:Red !important; " HighlightTemplatedItems="true" EnableEmbeddedSkins="true" Skin="Default" Width="140px" DropDownWidth="140px" > </telerik:RadComboBox> </EditItemTemplate> <InsertItemTemplate> <telerik:RadComboBox runat="server" ID="rcbInsertMilestone" DataSourceID="SQLDS_Milestones" DataValueField="MilestoneId" DataTextField="MilestoneDescription" AllowCustomText="false" MarkFirstMatch="true" OnClientFocus="OnClientFocus" style="border-color:Red !important; border-width:2px !important; " HighlightTemplatedItems="true" EnableEmbeddedSkins="true" Skin="Office2010Silver" Width="140px" DropDownWidth="140px" > </telerik:RadComboBox> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcMilestoneComments" DataField="MilestoneComments" HeaderText="Comments" HeaderStyle-Width="250px" ItemStyle-HorizontalAlign="Left" > <ItemTemplate> <asp:Label ID="lblComments" runat="server" Text='<%# Bind("MilestoneComments") %>' Width="240px" /> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEditMilestoneComments" runat="server" Text='<%# Bind("MilestoneComments") %>' Width="240px" CssClass="css_GFS01_TextBox_FlatBorder" /> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox ID="txtInsertMilestoneComments" runat="server" Text='<%# Bind("MilestoneComments") %>' Width="240px" CssClass="css_GFS01_TextBox_FlatBorder" /> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcCompletedFlag" DataField="CompletedFlag" HeaderText="Cmpl" HeaderStyle-Width="40px" ItemStyle-HorizontalAlign="Left" > <ItemTemplate> <asp:CheckBox ID="chkCompletedFlag" runat="server" Checked ='<%# Bind("CompletedFlag") %>' Enabled="false"/> </ItemTemplate> <EditItemTemplate> <asp:CheckBox ID="chkEditCompletedFlag" runat="server" Checked ='<%# Bind("CompletedFlag") %>' /> </EditItemTemplate> <InsertItemTemplate> <asp:CheckBox ID="chkInsertCompletedFlag" runat="server" /> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcCompletedBy" DataField="CompletedBy" HeaderText="Completed By" HeaderStyle-Width="150px" ItemStyle-HorizontalAlign="Left"> <ItemTemplate> <asp:Label ID="lblCompletedBy" runat="server" Text='<%# Bind("CompletedBy") %>' Width="130px" /> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEditCompletedby" runat="server" Width="130px" CssClass="css_GFS01_TextBox_FlatBorder" /> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox ID="txtInsertCompletedby" runat="server" Width="130px" CssClass="css_GFS01_TextBox_FlatBorder" /> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="gtcCompletedDate" DataField="CompletedDate" HeaderText="Date Completed" HeaderStyle-Width="100px" ItemStyle-HorizontalAlign="Left"> <ItemTemplate> <asp:Label ID="lblCompletedDate" runat="server" Text='<%# Bind("CompletedDate", "{0:MM-dd-yy}" ) %>' Width="90px" Style="text-align:center;"/> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEditCompletedDate" Text='<%# Bind("CompletedDate", "{0:MM-dd-yy}" ) %>' runat="server" Width="85px" CssClass="css_GFS01_TextBox_FlatBorder" /> <act:CalendarExtender ID="clnEditCompletedDate" runat="server" TargetControlID="txtEditCompletedDate" Format="MM-dd-yy" DefaultView="Days" CssClass="CalendarBlue"/> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox ID="txtInsertCompletedDate" runat="server" Width="85px" CssClass="css_GFS01_TextBox_FlatBorder" /> <act:CalendarExtender ID="clnInsertCompleteDate" runat="server" TargetControlID="txtInsertCompletedDate" Format="MM-dd-yy" DefaultView="Days" CssClass="CalendarBlue"/> </InsertItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn UniqueName="CreatedDate" DataField="CreatedDate" Display="false" /> <telerik:GridBoundColumn UniqueName="CreatedBy" DataField="CreatedBy" Display="false" /> <telerik:GridBoundColumn UniqueName="UpdatedDate" DataField="UpdatedDate" Display="false" /> <telerik:GridBoundColumn UniqueName="UpdatedBy" DataField="UpdatedBy" Display="false" /> </Columns> <FooterStyle /> </MasterTableView> </telerik:RadGrid> </asp:Panel> </asp:panel> </form></body></html>0
Hi Tracy,
You can try registering the RadCalendar skin unconditionally with RadStyleSheetManager as shown below:
and let us know if this helps to resolve the problem you are facing.
Kind regards,
Pavlina
the Telerik team
You can try registering the RadCalendar skin unconditionally with RadStyleSheetManager as shown below:
<telerik:RadStyleSheetManager runat="server"> <StyleSheets> <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Calendar.css" /> <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins./* the name of the skin that you use */.Calendar./* the name of the skin that you use */.css" /> </StyleSheets> </telerik:RadStyleSheetManager>and let us know if this helps to resolve the problem you are facing.
Kind regards,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Tracy
Top achievements
Rank 1
Rank 1
answered on 16 Aug 2012, 12:43 AM
Hi Pavilina,
I added the following to my page bu this has not solved my problem, it just messed up the entire style of my grid.
Do you have any other thoughts.
Thank You
Tracy
I added the following to my page bu this has not solved my problem, it just messed up the entire style of my grid.
<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server"> <StyleSheets> <telerik:StyleSheetReference Path="~/App_Themes/IPS Gateway/calendar.css" /> </StyleSheets></telerik:RadStyleSheetManager>Do you have any other thoughts.
Thank You
Tracy
0
Hi Tracy,
At this point to be able to provide a proper solution for your case it will be best to open a formal support ticket and send us a sample runnable project. Thus we will be able to replicate the issue locally and advice you further.
Kind regards,
Pavlina
the Telerik team
At this point to be able to provide a proper solution for your case it will be best to open a formal support ticket and send us a sample runnable project. Thus we will be able to replicate the issue locally and advice you further.
Kind regards,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.