RadDatePicker is not displaying popup image on page refresh .

[Rashmi]

RadDatePicker is not displaying the popup image at page post back only text is displaying in Google Chrome but its working in FireFox.
 RadDatePicker is used in a page inherited from master page.

[Andrey]

Hello Rashmi,

Are you using RadAjaxManager / RadAjaxPanel for AJAX requests, or regular ASP:UpdatePanels? Regular UpdatePanels cannot register CSS files during AJAX requests.

If you are using RadAjaxManager / RadAjaxPanel try  to set EnableAjaxSkinRendering="true" for the calendar control. This must be done programmatically in Page_Load.

Greetings,
Andrey
the Telerik team

[Rashmi]

Hello Andrey ,
Thanks for your reply ,I am not using any update panel in this page but  in master page i m  using update panel with telerik RadScriptManager.
.

[Andrey]

Hello Rashmi,

As you are using Ajax, you should set programmatically  the EnableAjaxSkinRendering for the calendar control in PageLoad event both on initial page load and on every postback.

This should resolve the issue.

Best wishes,
Andrey
the Telerik team

[Rashmi]

Hello Andrey,
i used EnableAjaxSkinRendering =true for raddatepicker in outside ispostback its working fine for 1st time page load but after pagepostback its losing the css i m attaching  the aspx page for your reference .

    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: solid 1px black;

        background-color: #BDD097;">

       

        <tr>

            <td>

                <table width="100%" border="0" cellpadding="0" cellspacing="0">

                    <tr>

                        <td align="left" class="lable" style="width: 12%">

                            Fitter:

                        </td>

                        <td align="left">

                            <telerik:RadComboBox runat="server" ID="RDCMBFitter" AllowCustomText="True" EmptyMessage="- Select Fitter -"

                                Height="200px" TabIndex="8" ValidationGroup='<%# (Container is GridEditFormInsertItem) ? "B" : "NB" %>'

                                OnSelectedIndexChanged="RDCMBFitter_SelectedIndexChanged" AutoPostBack="true"

                                EnableViewState="true" MarkFirstMatch="True">

                            </telerik:RadComboBox>

                            <asp:RequiredFieldValidator ID="reqRDCMBFitter" runat="server" Display="None" ControlToValidate="RDCMBFitter"

                                ErrorMessage="Fitter is required.." SetFocusOnError="true" ValidationGroup="reqbar">

                            </asp:RequiredFieldValidator>

                            <act:ValidatorCalloutExtender ID="valreqRDCMBFitter" runat="server" TargetControlID="reqRDCMBFitter"

                                Width="250px" WarningIconImageUrl="../Images/001_11.png">

                            </act:ValidatorCalloutExtender>

                        </td>

                        <td align="left" class="lable" style="width: 12%">

                            Action:

                        </td>

                        <td align="left">

                            <telerik:RadComboBox runat="server" ID="RDCMBAction" AllowCustomText="True" EmptyMessage="- Select Action -"

                                OnSelectedIndexChanged="RDCMBAction_SelectedIndexChanged" AutoPostBack="true"

                                TabIndex="4" EnableViewState="true" MarkFirstMatch="true">

                                <Items>

                                    <telerik:RadComboBoxItem runat="server" Text="Send" Value="1" />

                                    <telerik:RadComboBoxItem runat="server" Text="Receive" Value="2" />

                                    <telerik:RadComboBoxItem runat="server" Text="View" Value="3" />

                                </Items>

                            </telerik:RadComboBox>

                            <asp:RequiredFieldValidator ID="reqRDCMBAction" runat="server" Display="None" ControlToValidate="RDCMBAction"

                                ErrorMessage="Action is required.." SetFocusOnError="true" ValidationGroup="reqbar">

                            </asp:RequiredFieldValidator>

                            <act:ValidatorCalloutExtender ID="valreqRDCMBAction" runat="server" TargetControlID="reqRDCMBAction"

                                Width="250px" WarningIconImageUrl="../Images/001_11.png">

                            </act:ValidatorCalloutExtender>

                        </td>

                        <td align="left" class="lable" style="width: 100px">

                        </td>

                        <td>

                        </td>

                    </tr>

                </table>

            </td>

        </tr>

        <tr>

            <td>

                <asp:Panel ID="pnlsend" Visible="false" runat="server" GroupingText="Send" Style="widows: 2;

                    text-transform: none; text-indent: 0px; border-collapse: collapse; font: 11px verdana, arial, 'sans serif';

                    white-space: normal; orphans: 2; letter-spacing: normal; color: #e2710b; word-spacing: 0px;

                    -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px;

                    -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">

                    <table width="100%" cellpadding="0" cellspacing="0" border="0">

                        <tr>

                            <td>

                                <table>

                                    <tr>

                                        <td class="lable">

                                            Send date:

                                        </td>

                                        <td>

                                            <telerik:RadDatePicker ID="RDPSendDate" runat="server">

                                                <DateInput ID="DateInput3" DateFormat="dd/MM/yyyy" runat="server">

                                                </DateInput>

                                            </telerik:RadDatePicker>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td class="lable">

                                            Mode of Transport:

                                        </td>

                                        <td>

                                            <asp:TextBox ID="txtmodeoftrans" runat="server"></asp:TextBox>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td class="lable">

                                            Transported by

                                        </td>

                                        <td>

                                            <asp:TextBox ID="txttransferedby" runat="server"></asp:TextBox>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td class="lable">

                                            Note

                                        </td>

                                        <td>

                                            <asp:TextBox ID="txtnote" runat="server"></asp:TextBox>

                                        </td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                        <tr>

                            <tr>

                                <td>

                                    <asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdateSend_Click"

                                        CssClass="btn" ValidationGroup="reqbar" />

                                </td>

                            </tr>

                        </tr>

                    </table>

                </asp:Panel>

            </td>

        </tr>

        <tr>

            <td>

                <asp:Panel ID="pnlreceive" Visible="false" runat="server" GroupingText="Receive"

                    Style="widows: 2; text-transform: none; text-indent: 0px; border-collapse: collapse;

                    font: 11px verdana, arial, 'sans serif'; white-space: normal; orphans: 2; letter-spacing: normal;

                    color: #e2710b; word-spacing: 0px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px;

                    -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">

                    <table width="100%" cellpadding="0" cellspacing="0" border="0">

                        <tr>

                            <td>

                                <table>

                                    <tr>

                                        <td class="lable">

                                            Received date:

                                        </td>

                                        <td>

                                            <telerik:RadDatePicker ID="RDPRecvDate" runat="server">

                                                <DateInput ID="DateInput1" DateFormat="dd/MM/yyyy" runat="server">

                                                </DateInput>

                                            </telerik:RadDatePicker>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td class="lable">

                                            Received By:

                                        </td>

                                        <td>

                                            <asp:TextBox ID="txtRecvby" runat="server"></asp:TextBox>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td class="lable">

                                            Remark

                                        </td>

                                        <td>

                                            <asp:TextBox ID="txtremark" runat="server"></asp:TextBox>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td class="lable">

                                            QC

                                        </td>

                                        <td>

                                            <telerik:RadComboBox runat="server" ID="RadComboBox1" AllowCustomText="True" EmptyMessage="- Select Action -"

                                                AutoPostBack="true" TabIndex="4" EnableViewState="true" MarkFirstMatch="true">

                                                <Items>

                                                    <telerik:RadComboBoxItem runat="server" Text="Ok" Value="1" />

                                                    <telerik:RadComboBoxItem runat="server" Text="Not Ok" Value="2" />

                                                </Items>

                                            </telerik:RadComboBox>

                                        </td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                        <tr>

                            <td>

                                <asp:Button ID="Button1" runat="server" Text="Update" CssClass="btn" OnClick="btnUpdateRecv_Click"

                                    ValidationGroup="reqbar" />

                            </td>

                        </tr>

                    </table>

                </asp:Panel>

            </td>

        </tr>

        <tr>

            <td>

                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" RegisterWithScriptManager="false">

                </telerik:RadAjaxLoadingPanel>

                <asp:UpdatePanel ID="DispalyGrid" runat="server" UpdateMode="Always">

                    <ContentTemplate>

                        <telerik:RadGrid ID="wRGDFOList" runat="server" Width="100%" PageSize="10" OnItemCommand="wRGDFOList_RowCommand"

                            FilterItemStyle-HorizontalAlign="Left" AutoGenerateColumns="False" AllowSorting="True"

                            CommandItemStyle-BackColor="White" AllowMultiRowSelection="False" AllowPaging="True"

                            GridLines="Horizontal" Skin="WebBlue" ShowGroupPanel="true" OnItemDataBound="wRGDFOList_ItemDataBound"

                            OnNeedDataSource="wRGDFOList_NeedDataSource" AllowFilteringByColumn="true">

                            <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>

                            <MasterTableView DataKeyNames="FOId" AllowMultiColumnSorting="false" GroupLoadMode="Server"

                                TableLayout="Fixed" EnableHeaderContextMenu="true">

                                <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>

                                <Columns>

                                    <telerik:GridBoundColumn UniqueName="FODate" HeaderText="FO Date" DataField="FODate"

                                        HeaderStyle-Width="15%">

                                    </telerik:GridBoundColumn>

                                    <telerik:GridBoundColumn UniqueName="FODocNo" HeaderText="FO DocNo" DataField="FODocNo"

                                        HeaderStyle-Width="10%">

                                    </telerik:GridBoundColumn>

                                    <telerik:GridBoundColumn UniqueName="Instruction" HeaderText="Instruction" DataField="Instruction"

                                        HeaderStyle-Width="25%">

                                    </telerik:GridBoundColumn>

                                    <telerik:GridTemplateColumn HeaderText="Select" HeaderStyle-Width="5%" UniqueName="template"

                                        FilterControlWidth="5px">

                                        <ItemTemplate>

                                            <asp:HiddenField ID="hdnId" runat="server" Value='<%#Eval("FOId") %>' />

                                            <asp:CheckBox ID="chkselect" runat="server" />

                                        </ItemTemplate>

                                    </telerik:GridTemplateColumn>

                                </Columns>

                                <HeaderStyle HorizontalAlign="Left" />

                                <HeaderStyle HorizontalAlign="Left" />

                            </MasterTableView>

                            <ClientSettings AllowDragToGroup="true" />

                            <ActiveItemStyle HorizontalAlign="Left" />

                            <AlternatingItemStyle HorizontalAlign="Left" />

                        </telerik:RadGrid>

                    </ContentTemplate>

                </asp:UpdatePanel>

            </td>

        </tr>

    </table>

    <telerik:RadAjaxManager ID="hhh" runat="server" EnableAJAX="true" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="pnlreceive">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="pnlsend" LoadingPanelID="RadAjaxLoadingPanel1" />

                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="RDCMBAction" EventName="SelectedIndexchanged">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="pnlsend" LoadingPanelID="RadAjaxLoadingPanel1" />

                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="btnUpdate" EventName="OnClick">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="pnlsend" LoadingPanelID="RadAjaxLoadingPanel1" />

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManager>

[Andrey]

Hi Rashmi,

You should omit the IsPostBack verification in order to set this property on each page load. So your PageLoad event handler should be something similar to this:

protected void Page_Load(object sender, EventArgs e)
{
    RadDateTimePicker1.EnableAjaxSkinRendering = true;
}

Greetings,
Andrey
the Telerik team

[Rashmi]

Hello Andrey,
My pageload is like below code but still i m getting same problem 
protected void Page_Load(object sender, EventArgs e)
        {
            RDPRecvDate.EnableAjaxSkinRendering = true;
            RDPSendDate.EnableAjaxSkinRendering = true;
            DataSet ds = objFODAO.SelectFitter();
            RDCMBFitter.DataTextField = "FitterName";
            RDCMBFitter.DataValueField = "FitterId";
            RDCMBFitter.DataSource = ds;
            RDCMBFitter.DataBind();
          }

[Andrey]

Hello Rashmi,

If you are still experiencing problems with RadDateTimePicker popup button, please share your project somewhere and send us the link from which we could download and test/debug it.

All the best,
Andrey
the Telerik team

[Rashmi]

Hello Andrey,
Sorry my project is not hosted yet.Can you please  mail me your id so that i can send  you the zipped project.

[Andrey]

Hello Rashmi,

You could use one of the many free sharing tools/services that are available online. Some examples are DropBox, 4shared, MegaUpload and so on.

Best wishes,
Andrey
the Telerik team