# FontPicker

## Content



**Input** provides various properties for customizing the appearance and styling the **FontPicker** control, so that you can generate the Input FontPicker 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 FontPicker control.

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

![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/fontpicker-appearance.png)

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

```csharp
// Changing appearance-related properties of FontPicker
c1FontPicker1.Font = new System.Drawing.Font("Tahoma", 11F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point);
c1FontPicker1.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 FontPicker control.

The [C1FontPicker](/componentone/docs/win/online-input-net/) class provides the [BackColor](/componentone/docs/win/online-input-net/) and [ForeColor](/componentone/docs/win/online-input-net/) properties to set the background and foreground colors, respectively. Besides these, it also provides the [Styles](/componentone/docs/win/online-input-net/) propertyto apply styling to different states of FontPicker such as Default, Disabled, Hot, HotPressed, and Pressed. The **Styles** property inherits its attributes from **FontPickerStyles** class which enables you to change the BackColor, BorderColor, Border of the control.

The following image showcases styling applied to the FontPicker control.

![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/fontpicker-style.png)

To apply styling to the FontPicker control, use the following code. Here, we apply styling to the FontPicker control and its elements by setting background color, foreground color, and borders.

```csharp
// Styling the FontPicker control          
c1FontPicker1.BackColor = System.Drawing.Color.PeachPuff;
c1FontPicker1.ForeColor = Color.SaddleBrown;
c1FontPicker1.Styles.Hot.BackColor = System.Drawing.Color.DarkSalmon;
c1FontPicker1.Font = new System.Drawing.Font("Segoe UI", 12F, System.Drawing.FontStyle.Italic, System.Drawing.GraphicsUnit.Point);
//Style borders
c1FontPicker1.Styles.Border = new C1.Framework.Thickness(3, 3, 3, 3);
c1FontPicker1.Styles.Default.BorderColor = System.Drawing.Color.Blue;
//Style Dropdown
c1FontPicker1.Styles.DropDown.BackColor = System.Drawing.Color.MistyRose;
c1FontPicker1.Styles.DropDown.Border = new C1.Framework.Thickness(3, 3, 3, 3);  
```