ColorPicker Menu
Home
Palette Gallery
Download a trial version
Purchase

Demos
Color Palettes
TargetControls
OpenerType
ColorChanged Event

ASP.NET ColorPicker
This Demo displays three ColorPickers.
The first one doesn't define the PaletteFile property and it uses the default color palette - DefaultPalette.XML.
The PaletteFile property of the second ColorPicker is "116WebColorSense.xml" and it uses a 116 web safe color palette.
The PaletteFile property of the third ColorPicker is "cone_icons.xml" and uses a custom picture-style color palette.

 Picker  Target Controls  Palette File
 Picker 1
None, use DefaultPalette.XML.
 Picker 2
116WebColorSense.XML
 Picker 3
cone_icons.XML

 Picker 1 Definition: 
   ...
   <td>
      &nbsp;Picker 1
   </td>
   <td>
      <qwscp:ColorPicker id="ColorPickerDemo1_1" runat="server">
         <Popup>
            <TabStyle forecolor="BLUE" Font-Italic="False" Font-UnderLine="False"/>
         </Popup>
      </qwscp:ColorPicker>
   </td>
   <td>
      <asp:TextBox id="Demo1TextBox1" cssClass="normal" 
            runat="server" width="100"></asp:TextBox>
   </td>
   <td>
      <asp:Panel id="Demo1Label1" runat="server" Text="&nbsp;&nbsp;&nbsp;" 
            BorderWidth="1" bordercolor="lightblue" 
            height="15" width="100"></asp:Panel>
   </td>
   ...

 Picker 2 Definition: 
   ...
   <td>
      &nbsp;Picker 2
   </td>
   <td>
      <qwscp:ColorPicker id="ColorPickerDemo1_2" runat="server">
         <Popup PaletteFile="116WebColorSense.xml" >
         </Popup>
      </qwscp:ColorPicker>
   </td>
   <td>
      <asp:TextBox id="Demo1TextBox2" cssClass="normal" 
            runat="server" width="100"></asp:TextBox>
   </td>
   <td>
      <asp:Panel id="Demo1Label2" runat="server" Text="&nbsp;&nbsp;&nbsp;" 
            BorderWidth="1" bordercolor="lightblue" 
            height="15" width="100"></asp:Panel>
   </td>
   ...

 Picker 3 Definition: 
   ...
   <td>
      &nbsp;Picker 3
   </td>
   <td>
      <qwscp:ColorPicker id="ColorPickerDemo1_3" runat="server">
         <Popup PaletteFile="cone_icons.xml" >
         </Popup>
      </qwscp:ColorPicker>
   </td>
   <td>
      <asp:TextBox id="Demo1TextBox3" cssClass="normal" 
            runat="server" width="100"></asp:TextBox>
   </td>
   <td>
      <asp:Panel id="Demo1Label3" runat="server" Text="&nbsp;&nbsp;&nbsp;" 
            BorderWidth="1" bordercolor="lightblue" 
            height="15" width="100"></asp:Panel>
   </td>
   ...

 Page_Load: 
   Private Sub Page_Load(sender As object, e As EventArgs)
      Dim target As TargetControl
   
      target = New TargetControl()
      target.TargetPropertyType = TargetPropertyType.Custom
      target.TargetProperty = "value"
      target.TargetClientId = Demo1TextBox1.ClientID.ToString()
      ColorPickerDemo1_1.TargetControls.Add(target)   
   
      target = New TargetControl()
      target.TargetPropertyType = TargetPropertyType.BackColor
      target.TargetClientId = Demo1Label1.ClientID.ToString()
      ColorPickerDemo1_1.TargetControls.Add(target)   
   
      target = New TargetControl()
      target.TargetPropertyType = TargetPropertyType.Custom
      target.TargetProperty = "value"
      target.TargetClientId = Demo1TextBox2.ClientID.ToString()
      ColorPickerDemo1_2.TargetControls.Add(target)   
   
      target = New TargetControl()
      target.TargetPropertyType = TargetPropertyType.BackColor
      target.TargetClientId = Demo1Label2.ClientID.ToString()
      ColorPickerDemo1_2.TargetControls.Add(target)   
   
      target = New TargetControl()
      target.TargetPropertyType = TargetPropertyType.Custom
      target.TargetProperty = "value"
      target.TargetClientId = Demo1TextBox3.ClientID.ToString()
      ColorPickerDemo1_3.TargetControls.Add(target)   
   
      target = New TargetControl()
      target.TargetPropertyType = TargetPropertyType.BackColor
      target.TargetClientId = Demo1Label3.ClientID.ToString()
      ColorPickerDemo1_3.TargetControls.Add(target)      
   End Sub