Date Picker Loses its Style

6 posts, 0 answers
  1. Nate
    Nate avatar
    26 posts
    Member since:
    Dec 2008

    Posted 15 Oct 2009 Link to this post

    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>
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 21 Oct 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. josephine shirley
    josephine shirley avatar
    10 posts
    Member since:
    Nov 2008

    Posted 18 Mar 2010 Link to this post

    Hi
    Me too facing the same problem.Are you able to overcome the error.Let me know.
  5. Nate
    Nate avatar
    26 posts
    Member since:
    Dec 2008

    Posted 18 Mar 2010 Link to this post

    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.
  6. Ole Oscar
    Ole Oscar avatar
    18 posts
    Member since:
    Jun 2008

    Posted 08 Nov 2012 Link to this post

    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.
  7. Galin
    Admin
    Galin avatar
    526 posts

    Posted 13 Nov 2012 Link to this post

    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
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017