Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Calendar > DatePicker image problem

Not answered DatePicker image problem

Feed from this thread
  • Paresh Patel avatar

    Posted on Feb 27, 2010 (permalink)

    Hi,

    I have used two date picker controls in my page.
    frequently i am facing problem that date picker does not display image , instead it display text "Open the calender popup" as displayed in attached image.


    Attached files

    Reply

  • Posted on Mar 1, 2010 (permalink)

    I guessing this is related to an issue where the old control's used to insert the image filename when you inserted a RadDatePicker control on the page. I think this should fix it.

    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 

    Just the remove the line above from you RadDatePicker control or just set it to same (clearing the HoverImageUrl and ImageUrl properties). I'm guessing these are set in your case, thus the reason it can't find the image file and shows the alternate text for the image.

    I hope that helps.

    Reply

  • Paresh Patel avatar

    Posted on Mar 1, 2010 (permalink)

    Hi,

    sometime datepicker image displays properly and sometime not.

    my code is:

    <telerik:RadDatePicker DateInput-ReadOnly="false" DateInput-DateFormat="dd MMM yyyy" Width="185px" ID="dtStartDt" runat="server">                                  
    </telerik:RadDatePicker> 

    Reply

  • Radoslav Radoslav avatar

    Posted on Mar 2, 2010 (permalink)

    Hello Paresh,

    Could you please provide a bit more information on your scenario.  Are you using the date picker control with embedded skin or you set the EnableEmbeddedSkins property to false and use the custom one? Also it will be helpful if you could post the RadDatePicker control declaration.

    Regards,
    Radoslav
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

    Reply

  • Paresh Patel avatar

    Posted on Mar 2, 2010 (permalink)

    Hi,
    I am using Telerik version 2009.3.1208.35

    I have registered it on page

    <%

    @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

     


    and datepicker code is :
    <telerik:RadDatePicker DateInput-ReadOnly="false" DateInput-DateFormat="dd MMM yyyy" Width="185px" ID="dtStartDt" runat="server">                                     
    </telerik:RadDatePicker>    
     

    The scenario is, i have 2 panel in my page in DotNetNuke. the datepicker is in 2nd panel which is invisible initially. on click event of a button in panel 1 will make 2nd panel visible.
    and here frequently it creates problem. sometime it displays properly.
    both panel are in RadAjaxPanel.


    Thanks,

    Reply

  • Radoslav Radoslav avatar

    Posted on Mar 5, 2010 (permalink)

    Hello Paresh,

    I tried to replicate the described issue. Unfortunately my attempts were not successful and I am unable to recreate the described behavior. For your convenience I prepared a simple example. Please check it out and let me know what differs in your case.

    Greetings,
    Radoslav
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
    Attached files

    Reply

  • Cheryl avatar

    Posted on Mar 8, 2011 (permalink)

    I too am getting getting this problem, but only when IE Compatibility View is turned OFF

    Note that this happens for me under IE9 RC, it doesn't happen under IE8

    Reply

  • Radoslav Radoslav avatar

    Posted on Mar 14, 2011 (permalink)

    Hi Cheryl,

    Indeed, I verified that the described issue exists in the current version of the controls under the IE9 RC. However our developers are aware and they will start working on the resolution of this issue.

    Regards,
    Radoslav
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!

    Reply

  • Thomas avatar

    Posted on Jan 13, 2012 (permalink)

    Hi,

    is that issue fiexed in a newer version?  We still have the problem with rendering the DatePicker in IE9 (IE8 works fine).

    Best regards

    Thomas

    Reply

  • Radoslav Radoslav avatar

    Posted on Jan 18, 2012 (permalink)

    Hello Thomas,

    Could you please upgrade the RadControls to the latest version and let me know if the issues still persist. On the following links you could find instructions how to use the hotfix dlls or how to upgrade Telerik's RadControls to another version:
    http://www.telerik.com/help/aspnet-ajax/introduction-using-hotfix.html
    http://www.telerik.com/support/kb/aspnet-ajax/general/updating-radcontrols-for-asp-net-to-another-version-or-license.aspx

    Kind regards,
    Radoslav
    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

    Reply

  • Thomas avatar

    Posted on Jan 25, 2012 (permalink)

    OK I found the reason why somteimes DatePicker renders wrong in IE 9. It's the issue described in http://blogs.telerik.com/aspnetmvcteam/posts/10-05-03/internet-explorer-css-limits.aspx.Using many RadControls on one page and DatePicker is on the end of the page the maximum of 31 stylesheets could by reached. Perhaps, the code of the RadContrls "fork" to several stylesheets in case of IE8 and IE9. The code below rendes correct in IE8 but in IE9 you see the DatePicker rendered wrong (There is no sense to use the controls in the way but only for demonstrating the issue)

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="RadDatePickerRenderProblem.WebForm1" %>
     
    <!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>
        <!--[if IE 9]>
      <link href="css/ie9fix1.css" rel="stylesheet" type="text/css" />
      <link href="css/ie9fix2.css" rel="stylesheet" type="text/css" />
      <![endif]-->
     </head>
    <body>
        <form id="form1" runat="server">
        <ajax:ToolkitScriptManager ID="RadScriptManager_1" runat="server" EnablePageMethods="true"
            AsyncPostBackTimeout="600" />
        <telerik:RadInputManager ID="RadInputManager1" runat="server">
            <telerik:TextBoxSetting BehaviorID="TextBoxBehaviorOptional" EmptyMessage="">
                <TargetControls>
                </TargetControls>
            </telerik:TextBoxSetting>
        </telerik:RadInputManager>
        <telerik:RadAjaxManager runat="server" ID="RadAjaxManager_1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Settings1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Settings1" LoadingPanelID="RadAjaxLoadingPanel" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" InitialDelayTime="200">
            <div class="RadAjaxLoadingPanelText">
                <div>
                    Loading...</div>
            </div>
        </telerik:RadAjaxLoadingPanel>
        <div id="Settings1" runat="server" style="margin: 5px 5px 5px 5px; overflow: visible;">
            <telerik:RadComboBox ID="RadComboBox1" runat="server" />
            <telerik:RadPanelBar runat="server" ID="RadPanelBarExportSettings" ExpandMode="FullExpandedItem"
                CssClass="PanelBar Big">
                <Items>
                    <telerik:RadPanelItem Expanded="True" Text="PanelItem1" runat="server">
                        <Items>
                            <telerik:RadPanelItem Value="VersichertenInformationen" runat="server">
                                <ItemTemplate>
                                    <telerik:RadListView ID="RadListView1" runat="server" EnableEmbeddedSkins="false"
                                        EnableEmbeddedBaseStylesheet="false" />
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td>
                                                <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton">
                                                </telerik:RadButton>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadRibbonBar ID="RadRibbonBar1" runat="server">
                                                </telerik:RadRibbonBar>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadTreeView ID="RadTreeView1" runat="server">
                                                </telerik:RadTreeView>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadMenu ID="RadMenu1" runat="server">
                                                </telerik:RadMenu>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadSiteMap ID="RadSiteMap1" runat="server">
                                                </telerik:RadSiteMap>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
                                                    <telerik:RadPageView ID="RadPageView1" runat="server">
                                                    </telerik:RadPageView>
                                                </telerik:RadMultiPage>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
                                                </telerik:RadTabStrip>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadToolBar ID="RadToolBar1" runat="server">
                                                </telerik:RadToolBar>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadColorPicker ID="RadColorPicker1" runat="server">
                                                </telerik:RadColorPicker>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadTagCloud ID="RadTagCloud1" runat="server">
                                                </telerik:RadTagCloud>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <telerik:RadDatePicker runat="server" ID="txtGeburtsdatum" MinDate="01.01.1900" />
                                            </td>
                                        </tr>
                                    </table>
                                </ItemTemplate>
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
        </div>
        </form>
    </body>
    </html>

    The attached sceenshots show the pgae in IE8 and IE9.

    All the best,

    Thomas
    Attached files

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Calendar > DatePicker image problem
Related resources for "DatePicker image problem"

ASP.NET Calendar Features  |  Documentation  |  Demos  |  Telerik TV  |  Self-Paced Trainer  |  Step-by-step Tutorial  ]