Scheduler - Localization

  • today
April, 2012
April, 2012
SMTWTFS
       
1234567
891011121314
15161718192021
22232425262728
2930     
Monday, April 16, 2012
  • Day
  • Week
  • Month
  • Timeline
all day
8AM
 
9AM
 
10AM
 
11AM
 
12PM
 
1PM
 
2PM
 
3PM
 
4PM
 
5PM
 
Appointment with the dentist.
Last one, for now
Lunch
Should make a reservation by phone earlier
Show 24 hours...
  • Edit
  • Delete
  • New Appointment
  • New Recurring Appointment
  • Go to today
  • Show 24 hours...

Click Snooze to be reminded again in:
Snooze
5 minutes before start
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadScheduler provides a mechanism for quick and easy localization. All button labels and messages in the control area are obtained from the resource files located in the WebSite's App_GlobalResources directory, so that the language can be switched with a single property (Culture).
e.g. <telerik:RadScheduler ID="RadScheduler1" runat="server" Culture="en-US" />

Developers can also localize the component for languages, which are not provided with the RadScheduler distribution by modifying the provided resx file.

Additionally, each of the localization strings can be modified at runtime using the Localization property. This saves the need to create a new localization file to change a single string.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="Scheduler.Examples.Localization.DefaultCS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="Stylesheet" type="text/css" href="styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container no-bg">
        <qsf:MessageBox runat="server" Type="General">
            <asp:RadioButtonList ID="radiobuttonlistLanguages" runat="server" RepeatDirection="Horizontal" Width="350px" CssClass="demo-settings"
                AutoPostBack="True" OnSelectedIndexChanged="radiobuttonlistLanguages_SelectedIndexChanged">
                <asp:ListItem Value="de-DE"><img src="images/german.gif" alt="Deutsch" /> Deutsch</asp:ListItem>
                <asp:ListItem Selected="true" Value="en-US"><img src="images/english.gif" alt="English" /> English</asp:ListItem>
                <asp:ListItem Value="fr-FR"><img src="images/french.gif" alt="Francais" /> Français</asp:ListItem>
            </asp:RadioButtonList>
        </qsf:MessageBox>

        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="radiobuttonlistLanguages">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadScheduler1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="radiobuttonlistLanguages" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="RadScheduler1"
            SelectedDate="2012-04-16" DayStartTime="08:00:00" DayEndTime="18:00:00" EnableDescriptionField="true"
            OverflowBehavior="Auto">
            <AdvancedForm Modal="true"></AdvancedForm>
            <Reminders Enabled="true"></Reminders>
            <TimeSlotContextMenuSettings EnableDefault="true"></TimeSlotContextMenuSettings>
            <AppointmentContextMenuSettings EnableDefault="true"></AppointmentContextMenuSettings>
            <AppointmentTemplate>
                <div>
                    <%# Eval("Subject") %>
                </div>
                <div style="font-style: italic;">
                    <%# Eval("Description") %>
                </div>
            </AppointmentTemplate>
        </telerik:RadScheduler>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?