New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Localization

No ColorCustom Color
Pick Color(Current Color is blank)
  • Demo Configurator

Choose language

RadColorPicker provides automatic localization based on the standard ASP.NET localization mechanism. Place a culture-specific resource file (e.g. RadColorPicker.de-DE.resx) in the App_GlobalResources folder and set the Culture property (or let ASP.NET inherit Thread.CurrentThread.CurrentUICulture) — all labels, tab names, button captions, and accessibility strings are resolved automatically, including OK, Cancel, Custom Color, Recent Colors, and Hex Input Title.

Individual strings can still be overridden at runtime via the Localization property without creating a new resource file.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.ColorPicker.Localization.DefaultCS"CodeFile="DefaultCS.aspx.cs"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
<link href="styles.css" rel="stylesheet" />
<script src="scripts.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-containers">
<div class="demo-container">
<div class="inner-demo-container">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker1" PaletteModes="All" EnableCustomColor="true">
</telerik:RadColorPicker>
</div>
<div class="inner-demo-container">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker2" PaletteModes="All" ShowIcon="true" EnableCustomColor="true">
</telerik:RadColorPicker>
</div>
</div>
</div>

<telerik:RadAjaxManager ID="ajaxManager" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="rblLanguages">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadColorPicker1"></telerik:AjaxUpdatedControl>
<telerik:AjaxUpdatedControl ControlID="RadColorPicker2"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<qsf:ConfiguratorPanel runat="server">
<Views>
<qsf:View>
<qsf:RadioButtonList ID="rblLanguages" runat="server" Orientation="Horizontal"
AutoPostBack="True" Label="Choose language">
<asp:ListItem Value="de-DE">Deutsch</asp:ListItem>
<asp:ListItem Value="en-US">English</asp:ListItem>
<asp:ListItem Value="fr-FR">Francais</asp:ListItem>
</qsf:RadioButtonList>
<input type="hidden" name="cultureRadioList" value="<%= rblLanguages.UniqueID %>" />
</qsf:View>
</Views>
</qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance