<%@ Page Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.ColorPicker.Accessibility.DefaultCS"CodeFile="DefaultCS.aspx.cs" %>
<%@ 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" />
</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 size-custom">
<h4>Default configuration</h4>
<div class="rcb-container center">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker1" Preset="None" Columns="18"
AccessKey="A" Skin="Silk">
</telerik:RadColorPicker>
</div>
<p>AccessKey set to <strong>A</strong></p>
</div>
<div class="demo-container size-custom">
<h4>PaletteModes = All</h4>
<div class="rcb-container center">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker2" Preset="None" Columns="18"
PaletteModes="All" AccessKey="G" Skin="Silk">
</telerik:RadColorPicker>
</div>
<p>AccessKey set to <strong>G</strong></p>
</div>
<div class="demo-container size-custom">
<h4>PaletteModes = RGBSliders</h4>
<div class="rcb-container center">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker3" Preset="None" PaletteModes="RGBSliders"
AccessKey="C" Skin="Silk">
</telerik:RadColorPicker>
</div>
<p>AccessKey set to <strong>C</strong></p>
</div>
<br class="qsf-clear-float" />
<div class="demo-container size-custom">
<h4>ShowIcon = true</h4>
<div class="rcb-container">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker4" Preset="None" Columns="18"
ShowIcon="true" PaletteModes="All" AccessKey="K" Skin="Silk">
</telerik:RadColorPicker>
</div>
<p>AccessKey set to <strong>K</strong></p>
</div>
<div class="demo-container size-custom">
<h4>PaletteModes = HSB</h4>
<div class="rcb-container center">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker5" Preset="None" PaletteModes="HSB"
AccessKey="E" Skin="Silk">
</telerik:RadColorPicker>
</div>
<p>AccessKey set to <strong>E</strong></p>
</div>
<div class="demo-container size-custom">
<h4>PaletteModes = HSV</h4>
<div class="rcb-container center">
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker6" Preset="None" PaletteModes="HSV"
AccessKey="F" Skin="Silk">
</telerik:RadColorPicker>
</div>
<p>AccessKey set to <strong>F</strong></p>
</div>
</div>
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Validate with WAVE</asp:LinkButton>
</form>
</body>
</html>