Wizard - Localization







Completed!!!

Thank you!!!

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadWizard provides a mechanism for quick and easy localization. The default Next, Previous, Finish and Cancel button labels 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:RadWizard id="RadWizard1" runat="server" Culture="en-US" />

Developers can also localize the component for languages, which are not provided with the RadWizard 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="false" Inherits="Wizard.Examples.Localization.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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" />
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">
    </telerik:RadAjaxLoadingPanel>
    <div class="demo-container">
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
            <asp:RadioButtonList ID="radiobuttonlistLanguages" runat="server" RepeatDirection="Horizontal" CssClass="demo-settings" Width="350px"
                AutoPostBack="True" Style="margin-left: 1em;" 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>

            <telerik:RadWizard RenderMode="Lightweight" runat="server" ID="RadWizard1" Height="360px" DisplayCancelButton="true">
                <WizardSteps>
                    <telerik:RadWizardStep ID="RadWizardStep1" Title="Name" StepType="Start">
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1" Label="First Name" LabelWidth="100px" Width="400px">
                        </telerik:RadTextBox>
                        <br />
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox2" Label="Middle Name" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                        <br />
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox3" Label="Last Name" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    </telerik:RadWizardStep>
                    <telerik:RadWizardStep ID="RadWizardStep2" Title="Address" DisplayCancelButton="false">
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox4" Label="Country" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                        <br />
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox5" Label="City" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                        <br />
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox6" Label="Address" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    </telerik:RadWizardStep>
                    <telerik:RadWizardStep ID="RadWizardStep3" Title="Other" StepType="Finish">
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox7" Label="Hobby" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                        <br />
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox8" Label="Music" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                        <br />
                        <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox9" Label="Sport" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    </telerik:RadWizardStep>
                    <telerik:RadWizardStep ID="RadWizardStep4" StepType="Complete">
                        <asp:Literal ID="ltrCompleted" Text="<h2>Completed!!!</h2><p>Thank you!!!</p>" runat="server" />
                    </telerik:RadWizardStep>
                </WizardSteps>
            </telerik:RadWizard>
        </telerik:RadAjaxPanel>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?