<%@ Page Language="c#" AutoEventWireup="false" %>
<%@ 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 demo-container">
<div class="demo-container no-bg size-custom">
<h3>Default configuration</h3>
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker1" Skin="Metro">
</telerik:RadColorPicker>
</div>
<div class="demo-container no-bg size-custom">
<h3>PaletteModes = All</h3>
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ID="RadColorPicker5" PaletteModes="All" Skin="Metro">
</telerik:RadColorPicker>
</div>
<div class="demo-container no-bg size-custom">
<h3>PreviewColor = false</h3>
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" PreviewColor="false" ID="RadColorPicker3" Skin="Metro">
</telerik:RadColorPicker>
</div>
<div class="demo-container no-bg size-custom">
<h3>ShowIcon = true</h3>
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ShowIcon="true" ID="RadColorPicker2" Skin="Metro">
</telerik:RadColorPicker>
</div>
<div class="demo-container no-bg size-custom">
<h3>ShowEmptyColor = false</h3>
<telerik:RadColorPicker RenderMode="Lightweight" runat="server" ShowEmptyColor="false" ID="RadColorPicker4" Skin="Metro">
</telerik:RadColorPicker>
</div>
</div>
</form>
</body>
</html>