DatePopUp Button Tooltip Displayed Instead of Button

13 posts, 1 answers
  1. Casey
    Casey avatar
    299 posts
    Member since:
    Jul 2009

    Posted 30 Sep 2011 Link to this post

    Hello,

    I've noticed an issue recently with a web application where some of the RadDatePickers' DatePopUp Buttons are no longer displaying, and in the buttons place, the Button Tooltip is displayed as a link which reads - "Open the Calendar popup." This RadDatePicker is on a user control that is used as the Edit form for a RadGrid. That same RadGrid also has a GridDateTimeColumn which allows filtering. The same issue is occurring with the RadDatePicker for the filter of that column.

    I use RadDatePickers on other pages in the application, however, they are displaying properly.

    Here is the definition of the RadDatePicker:
    <telerik:RadDatePicker ID="rdpReceivedDt" runat="server" OnPreRender="rdpReceivedDt_PreRender">
    </telerik:RadDatePicker>

    I've tried specifying a Skin, and changing settings for the DatePopUpButton properties, all of which have not fixed the issue. In the PreRender I am only checking to see if the grid is in Edit or Insert mode and then setting the selected value of the RadDatePicker.

    I would really appreciate any ideas as to why this is happening... I'm using version 2010.3.1317.35 of the controls.

    Also, I've attached a screenshot of the issue.

    Thanks!
    Casey
  2. Answer
    Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 30 Sep 2011 Link to this post

    Hello Casey,
    Most probably the reason for this problem is that the RadDatePicker is shown as a result of an AJAX request. Please try setting EnableAjaxSkinRendering property of the RadDatePicker to true programmatically in Page_Load (both on initial load and after every postback).

    Another option is to register the RadCalendar skin unconditionally with RadStyleSheetManager:

    < telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    <StyleSheets>
    <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.Calendar.css" Assembly="Telerik.Web.UI" />
    <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.[SkinName].Calendar.[SkinName].css" Assembly="Telerik.Web.UI" />
    </StyleSheets>
    </telerik:RadStyleSheetManager>

    Kind regards,
    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. Casey
    Casey avatar
    299 posts
    Member since:
    Jul 2009

    Posted 30 Sep 2011 Link to this post

    Andrey,

    Thank you for your response. The first option suggested did not work. However, adding the RadStyleSheetManager to the page containing the RadGrids has fixed the issue. I now see the calendar popup buttons instead of the tooltip as a link.

    Thanks again!
    Casey
  5. Steven
    Steven avatar
    1 posts
    Member since:
    Dec 2013

    Posted 27 Dec 2013 Link to this post

    I had the same issue with the raddatepicker, and the second suggestion worked for me.

    Thanks Telerik Support
  6. ortal
    ortal avatar
    2 posts
    Member since:
    Jun 2014

    Posted 30 Apr 2015 in reply to Andrey Link to this post

    hello telerik team,

    I have the same problem with the popup of the calendar,

    where should I put theRadStyleSheetManager?

    thanks,

    sapir.

  7. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 04 May 2015 Link to this post

    Hello,

    You should place it on the page where the RadCalendar control is declared.
    Give this a try and see if it helps.

    Regards,
    Maria Ilieva
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  8. Sampath
    Sampath avatar
    1 posts
    Member since:
    Nov 2014

    Posted 08 May 2015 in reply to Maria Ilieva Link to this post

    Hi All,

    Good Day!!!

    I want attached popup message in different languages, based on the language selection in the dropdown.

    Could you please help me on this, how I can localize RadDatePicker calendar tooltip message for selected languages?

    Thanks in advance!!!

    Regards
    Reddy

  9. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 12 May 2015 Link to this post

    Hello Sampath,

    I would suggest you to revise the forum thread below that discusses this matter:

    http://www.telerik.com/forums/localization-of-raddatetimepicker

    I hope it helps.

    Regards,
    Maria Ilieva
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  10. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 02 Sep 2015 in reply to Maria Ilieva Link to this post

    Hi,

     

    I am using custom style sheets and I have a radcombobox and a raddatepicker a radgrid inplace edititemtemplate.

    Both the radcombobox and the calendar shows the tooltip is displayed. I am not using radStylesheetmanager.

  11. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 07 Sep 2015 Link to this post

    Hello,

    This issue usually occurs when a control is displayed after an AJAX update or the skin is changed upon AJAX update. In this case, set the control’s EnableAjaxSkinRendering property to true on Page_Load and after every postback. For example, if a RadGrid control is shown after a partial postback from a button click the EnableAjaxSkinRendering property of RadGrid should be set to true on button click. Also, keep in mind that if there are controls inside the grid, their EnableAjaxSkinRenderingproperty should also be set to true. The code snippet below demonstrates how to load the skins of RadGrid and RadDateTimePicker control placed in the ItemTemplate of the grid template column after a partial postback.
    protected void Button1_Click(object sender, EventArgs e)
    {
    RadGrid1.Visible = true;
    ((RadGrid1.MasterTableView.Items[0] as GridDataItem)["TemplateColumnUniqueName"].FindControl("RadDateTimePicker1") as RadDateTimePicker).Calendar.EnableAjaxSkinRendering = true;
    ((RadGrid1.MasterTableView.Items[0] as GridDataItem)["TemplateColumnUniqueName"].FindControl("RadDateTimePicker1") as RadDateTimePicker).TimeView.EnableAjaxSkinRendering = true;
    ((RadGrid1.MasterTableView.Items[0] as GridDataItem)["TemplateColumnUniqueName"].FindControl("RadDateTimePicker1") as RadDateTimePicker).DateInput.EnableAjaxSkinRendering = true;
    RadGrid1.EnableAjaxSkinRendering = true;
    }

    I hope this helps.

    Regards,
    Maria Ilieva
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
  12. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 08 Sep 2015 in reply to Maria Ilieva Link to this post

    Hi Maria,

    I have an empty grid at the first load. The DateControl doesn't render correctly on the insert or edit.

    I don't have any items at page load.

    Where should i set the enableAjaxSkinRendering in this case?

  13. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 08 Sep 2015 in reply to MBEN Link to this post

    Also I am using a griddatetimecolumn for my datecontrol.
  14. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 11 Sep 2015 Link to this post

    Hi ,

    Try setting the EnableAjaxSkinRendering property for the whole Grid in PageLoad and see how it goes.

    Regards,
    Maria Ilieva
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017