$99 VS $1000+. UI Control for ASP.NET AJAX(contains chart and gridview).
Create a Simple ColorEditor in ASP.NET AJAX
Home > How to > Color Editor Getting Started

KT.UI for ASP.NET AJAX PerColorEditor is an easy to integrated and simple to use control that can be seamlessly implemented within Visual Studio ASP.NET application to develop fully user-defined ColorEditor project. Following tutorial in this page shows users how to use PerColorPicker to get started and how to configure the PerColorPicker and use it to change the color of the form.

How to Create an ASP.NET Web Application

Our PerColorEditor is originally designed to be developed within web ASP.NET application, thus, before you move to following steps, please make sure that you have installed and started Visual Studio web ASP.NET 2010, 2012 or any advanced version on your computer. If you have done this, please directly do as following guides show.
  1. First of all, open your Visual Studio, and select New | Web Site from the Visual Studio 2010 File menu;
  2. And then, please Select the "ASP.NET Web Site" and enter a file name as well as saving location path for further search. Screenshot for creating an ASP.NET web application is displayed below for intuitive visual effects.


How to Add ColorEditor Control to Web Page

If you have successfully finished creating a web ASP.NET application within Visual Studio, then you can add ColorEditor control of KT.UI for ASP.NET AJAX to your newly built web page.
  1. First, drag and add an AjaxPanel component to the default page of a new ASP.NET AJAX-enabled Web Application from the Toolbox;
  2. Secondly, drag and drop coloreditor component into the AjaxPanel from the Toolbox;
So much for adding coloredtior control of PerColorEditor library to the web page. Next, you can learn to customize the coloreditor properties within created ASP.NET application.

How to Custom ColorEditor Properties Within ASP.NET Project

In the ASP.NET properties window, you can set a certain skin to customize you coloreditor.
  1. In the Design of default web page view, click and open the PerColorEditor's SmartTag from the drop down menu.

  2. Click the drop down menu of Skin to choose any required skin from the pop-up skin selection list. The operation interface for this step is like following screenshot.