RadDatePicker is not displaying popup image on page refresh .

10 posts, 0 answers
  1. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 31 Oct 2011 Link to this post

    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.
  2. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 02 Nov 2011 Link to this post

    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
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 03 Nov 2011 Link to this post

    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.
    .

  5. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 03 Nov 2011 Link to this post

    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
    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
  6. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 03 Nov 2011 Link to this post

    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>




  7. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 03 Nov 2011 Link to this post

    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
    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
  8. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 04 Nov 2011 Link to this post

    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();
              }


  9. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 04 Nov 2011 Link to this post

    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
    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
  10. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 07 Nov 2011 Link to this post

    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.


  11. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 07 Nov 2011 Link to this post

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