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

Calendar Extender In Rad Grid

5 Answers 306 Views

Grid

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

5 Answers, 1 is accepted

answered on 13 Aug 2012, 01:34 PM

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

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.

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

<%@ 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>

answered on 15 Aug 2012, 04:21 PM

Hi Tracy,

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