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

Calendar Extender In Rad Grid

5 Answers 82 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Tracy
Top achievements
Rank 1
Tracy asked on 09 Aug 2012, 02:12 AM
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.   
.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

Sort by
0
Pavlina
Telerik team
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.
0
Tracy
Top achievements
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

<%@ 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">
<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
Pavlina
Telerik team
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
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
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.
<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
Pavlina
Telerik team
answered on 16 Aug 2012, 04:27 PM
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
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.
Tags
Grid
Asked by
Tracy
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Tracy
Top achievements
Rank 1
Share this question
or