DatePopUp Button Tooltip Displayed Instead of Button

[Casey]

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

[Andrey]

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

[Casey]

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

[Steven]

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

Thanks Telerik Support

[ortal]

hello telerik team,

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

where should I put theRadStyleSheetManager?

thanks,

sapir.

[Maria Ilieva]

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

 

 

[Sampath]

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

[Maria Ilieva]

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

 

 

[MBEN]

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.

[Maria Ilieva]

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

[MBEN]

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?

[MBEN]

Also I am using a griddatetimecolumn for my datecontrol.

[Maria Ilieva]

Hi ,

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

Regards,
Maria Ilieva
Telerik