Input provides various properties for customizing the appearance and styling the ColorPicker control, so that you can generate the Input ColorPicker as per your requirement and change the look and feel of the application you are creating.

Appearance

Let's explore how to use appearance-related properties to enrich the appearance of the ColorPicker control.

ColorPicker lets you add an icon and change the font in the editor.

The code snippet below uses the Font and Icon properties to enhance the look of the ColorPicker control.

// Changing appearance-related properties of ColorPicker
c1ColorPicker1.Font = new System.Drawing.Font("Tahoma", 11F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point);
c1ColorPicker1.Icon = new C1.Framework.C1BitmapIcon(null, new System.Drawing.Size(16, 16), System.Drawing.Color.Transparent, Image.FromFile(@"resources\OIP (7).jpg"));

Styling

Just like changing the appearance of the control, Input also provides properties to style the UI of the ColorPicker control.

The C1ColorPicker class provides BackColor and ForeColor properties to set the background and foreground colors, respectively. Besides these, it also provides the Styles property to apply styling to different states of the control such as Default, Disabled, Hot, HotPressed, and Pressed.

To apply styling to ColorPicker, use the following code.

// Styling the ColorPicker control
//set borders
c1ColorPicker1.Styles.Border = new C1.Framework.Thickness(3, 3, 3, 3);
c1ColorPicker1.Styles.Default.BorderColor = System.Drawing.Color.Blue;
//set backcolor and forecolor
c1ColorPicker1.BackColor = System.Drawing.Color.PeachPuff;
c1ColorPicker1.ForeColor = Color.Black;
c1ColorPicker1.Styles.Hot.BackColor = System.Drawing.Color.DarkSalmon;
//style dropdown
c1ColorPicker1.Styles.DropDown.BackColor = Color.MistyRose;
c1ColorPicker1.Styles.DropDown.Border = new C1.Framework.Thickness(3, 3, 3, 3);