Color Picker in CSS Feature using VS 2012

Introduction

Today, in this article let's play around with one of the interesting and most useful concepts in SharePoint 2010.

Question: What is color picker?

In simple terms "It enables choosing of an appropriate color according to the requirements with a rich GUI display format of colors".

Step 1: The complete code of webform1.aspx looks like this:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ColorPickerApplication.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

<style type="text/css">

.body

{

background-color: #903a3a;

}

</style>

</head>

<body class="body">

<form id="form1" runat="server">

<div>

<center>

<table>

<tr>

<th>

Id

</th>

<th>

First Name

</th>

<th>

Last Name

</th>

<th>

Age

</th>

</tr>

<tr>

<td>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</td>

<td>

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

</td>

<td>

<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

</td>

<td>

<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>

</td>

</tr>

</table>

</center>

</div>

</form>

</body>

</html>


Step 2: The output of color picking of application looks like this:

output-of-color-picking-sharepoint2010.jpg

Step 3: The output of color applied to the application looks like this:

output-of-color-applied-sharepoint2010.jpg

I hope this article is useful for you.