Localization of RadDateTimePicker

[JP]

Hi,

many Telerik controls can be localized using the given .resx files in App_GlobalResources. Is this also possible for the calendar controls (RadDateTimePicker, RadDatePicker, ...)? We are currently using Q3 2011.

Thanks!

[Eyup]

Hi Jan-Patrick,

Thank you for contacting us.

I am glad you have found out that RadControls provide localization resource files for the controls located in the mentioned install folder. However I am afraid you will need to modify manually any other control in order to apply on it a custom language configuration.

RadCalendar supports Culture based localization. For example you could declare its culture as
"de-DE" and it will change its days, tooltips and months to German. You can apply this setting either:

declaratively:

<telerik:RadDatePicker ID="RadDatePicker1" Runat="server"
Culture="de-DE" ></telerik:RadDatePicker>

Copy Code

programmatically:

Copy Code

protected void Page_Load(object sender, EventArgs e)
{
RadDatePicker1.Calendar.CultureInfo = new System.Globalization.CultureInfo("de-DE");
}

by changing the culture:

System.Threading.Thread.CurrentThread.CurrentCulture = new System.Globalization.CultureInfo("de-DE");

I hope this will be helpful. Let me know if you have any further questions.


Regards,
Eyup
the Telerik team

[JP]

Hello,

I've already seen that most of the control is localized when using the correct culture. But some texts are still english ("Today", "Cancel" in the calendar's month/year picker). When will/How can this be localized?

[Eyup]

Hi Jan-Patrick,

You will have to modify them manually as shown in the example below:
C#:

RadDatePicker1.Calendar.FastNavigationSettings.TodayButtonCaption = "Heute"; RadDatePicker1.Calendar.FastNavigationNextText = "Nächste";
RadDatePicker1.Calendar.FastNavigationNextToolTip = "Ändern vorn";

RadMonthYearPicker1.MonthYearNavigationSettings.TodayButtonCaption = "Heute";
RadMonthYearPicker1.MonthYearNavigationSettings.NavigationNextText = "Nächste";
RadMonthYearPicker1.MonthYearNavigationSettings.NavigationNextToolTip = "Ändern vorn";

Kind regards,
Eyup
the Telerik team

[Oliver]

ok, but what about when we use a GridDateTimeColumn within a RadGrid ?

 

[Eyup]

Hello Oliver,

In this case you could try:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
    if (e.Item is GridFilteringItem)
    {
        GridFilteringItem filterItem = e.Item as GridFilteringItem;
        RadDatePicker combo = filterItem["OrderDate"].Controls[0] as RadDatePicker;

        combo.SharedCalendar.FastNavigationSettings.TodayButtonCaption = "Heute";
        combo.SharedCalendar.FastNavigationNextText = "Nächste";
        combo.SharedCalendar.FastNavigationNextToolTip = "Ändern vorn";
    }
}

I hope this will prove helpful. Please give it a try and let me know about the result.

Kind regards,
Eyup
the Telerik team

[Gideon]

To make the Solution of Eyup generic you could do this:

static void rg_ItemDataBound(object sender, GridItemEventArgs e)
{
   if (e.Item is GridFilteringItem)
   {
    GridFilteringItem filterItem = e.Item as GridFilteringItem;
    GridColumn[] renderColumns = filterItem.OwnerTableView.RenderColumns;
    GridColumn[] array = renderColumns;
    for (int i = 0; i < array.Length; i++)
    {
      GridColumn gridColumn = array[i];
      if (filterItem[gridColumn.UniqueName].Controls.Count > 0)
      {
        if (filterItem[gridColumn.UniqueName].Controls[0].GetType() == typeof(RadDatePicker))
        {
          RadDatePicker combo = filterItem[gridColumn.UniqueName].Controls[0] as RadDatePicker;
          combo.SharedCalendar.FastNavigationSettings.TodayButtonCaption = "Heute";
          combo.SharedCalendar.FastNavigationNextText = "Nächste";
          combo.SharedCalendar.FastNavigationNextToolTip = "Ändern vorn";
        }
      }
    }
  }
}

[Bench]

Hi Eyup,

I try to localized the RadDateTimePicker in c# code behind an it works fine, can this be possible in javascript?i just want my datetimepicker dynamically adopt what is the culture of the browser. hope you can help me.

[Eyup]

Hello Bench,

Generally, these properties can also be set on client-side:

function pageLoad(app, args) {
    var calendar = $find('<%= RadCalendar1.ClientID %>');
    var fastNavigation = calendar._getFastNavigation();

    fastNavigation.TodayButtonCaption = "Hoy";
    fastNavigation.OkButtonCaption = "Aceptar";
    fastNavigation.CancelButtonCaption = "Cancelar";
}

If you try to access the browser language on server-side, you can also check the following HttpRequest.UserLanguages property:
https://msdn.microsoft.com/en-us/library/system.web.httprequest.userlanguages(v=vs.110).aspx

Regards,
Eyup
Progress Telerik