Color Picker in CSS Feature Using VS 2012

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.

Up Next
    Ebook Download
    View all
    Learn
    View all
    MVC Corporation is consulting and IT services based company.