ARTICLE

Color Picker in CSS Feature Using VS 2012

Posted by Vijay Prativadi Articles | Visual Studio 2012 September 09, 2012
Today, in this article let’s play around with one of the interesting and most useful concepts in SharePoint 2010.
Reader Level:

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.

COMMENT USING