Date Picker Loses its Style

[Nate]

So I have a multibanded rad grid with tabs and sub grids within the tabs.  For an edit template for one of the grids I have the rad date picker as the control to be used when editing.  So basically the issue that I am having, is sometimes when you go and try to edit a row in the grid, the datepicker calendar loses its style.  Basically instead of the calendar picture it says: "click here to open the calendar popup" which is the tooltip, and the calendar is completely unstyled.  This doesnot happen all the time, and I have yet to pinpoint what actually triggers this action.  Has anyone run into this problem yet??
Thanks,

Nate
p.s. below is the code for the subgrid.
 <telerik:RadGrid ID="rgHire" runat="server" AutoGenerateColumns="False" DataSourceID="sqlDSHire"
                            GridLines="None" Skin="Outlook" AllowAutomaticUpdates="True">
                            <MasterTableView DataSourceID="sqlDSHire" DataKeyNames="pkWorkerID" EditMode="InPlace">
                                <RowIndicatorColumn>
                                    <HeaderStyle Width="20px" />
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn>
                                    <HeaderStyle Width="20px" />
                                </ExpandCollapseColumn>
                                <Columns>
                                    <telerik:GridEditCommandColumn HeaderStyle-Width="20px" ButtonType="ImageButton">
                                    </telerik:GridEditCommandColumn>
                                    <telerik:GridBoundColumn DataField="pkWorkerID" DataType="System.Int32" HeaderText="pkWorkerID"
                                        SortExpression="pkWorkerID" UniqueName="pkWorkerID" Visible="false">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn DataField="OriginalDateOfHire" HeaderText="Original Date Of Hire"
                                        SortExpression="OriginalDateOfHire" UniqueName="OriginalDateOfHire" ItemStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:Label ID="lblOriginalDateOfHire" runat="server" Text='<%# Eval("OriginalDateOfHire") %>'></asp:Label>
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Left"></ItemStyle>
                                        <EditItemTemplate>
                                            <telerik:RadDatePicker ID="dpOriginalDateOfHire" SelectedDate='<%# Bind("OriginalDateOfHire") %>'
                                                runat="server" Skin="Outlook">
                                            </telerik:RadDatePicker>
                                            <asp:RequiredFieldValidator ID="rfvOriginalDateOfHire" runat="server" ErrorMessage="*"
                                                ControlToValidate="dpOriginalDateOfHire"></asp:RequiredFieldValidator>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn DataField="CurrentDateOfHire" HeaderText="Current Date Of Hire"
                                        SortExpression="CurrentDateOfHire" UniqueName="CurrentDateOfHire" ItemStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:Label ID="lblCurrentDateOfHire" runat="server" Text='<%# Eval("CurrentDateOfHire") %>'></asp:Label>
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Left"></ItemStyle>
                                        <EditItemTemplate>
                                            <telerik:RadDatePicker ID="dpCurrentDateOfHire" SelectedDate='<%# Bind("CurrentDateOfHire") %>'
                                                runat="server" Skin="Outlook">
                                            </telerik:RadDatePicker>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                </Columns>
                                <EditFormSettings>
                                    <EditColumn UniqueName="EditCommandColumn1">
                                    </EditColumn>
                                </EditFormSettings>
                            </MasterTableView>
                        </telerik:RadGrid>

[Dimo]

Hi Nate,

Is RadGrid ajaxified? Do you use UpdatePanels or RadAjaxManager? Generally, MS AJAX  is unable to register skins for controls that are made visible after an AJAX request. This limitation is resolved in RadAjaxManager.

If you still have troubles, please send a complete web page.

Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[josephine shirley]

Hi
Me too facing the same problem.Are you able to overcome the error.Let me know.

[Nate]

Seems like the best solution in this case is to add a rad StyleSheet Manager to the master page.

This issue only happens in Internet Explorer for us, because of their style sheet limit.   Even with the rad style sheet manager, though, it still hasn't fixed all the problems of controls losing their style.

[Ole Oscar]

Hi,

Has anyone found a solution to this problem, we have been living with this one for years. Sometimes the styling works and sometimes it does not. It seems to be only IE that has this problem. We do have the manager in the master page. This is the only annoying problem that we have with the product.

[Galin]

Hello Ole,

Could you set EnableAjaxSkinRendering="True" and let me know how it goes?

Additionally, in case the issue persists, please send a runnable sample page, which demonstrates the problem.

All the best,
Galin
the Telerik team