# Applying Visual Styles to C1Font Picker

Learn how to apply visual styles to FontPicker.

## Content



The smart tag on the top right corner of the [C1FontPicker](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1FontPicker.html) control lets users select the visual style of the **C1FontPicker**.

### To Change the Visual Style using the Smart Tag

Complete the following steps:

1.  Select the **C1FontPicker** control.
2.  Click the smart tag (![Smart Tag](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/imagesext/smarttag.png)) to open the C1FontPicker Tasks menu.
3.  Click the visual style drop-down arrow and select a visual style to apply on the **C1FontPicker** control.

### To Change the Visual Style through Code

The code snippets refer the font picker application created in [Working with C1FontPicker](/componentone/docs/win/online-input/usingthec1inputcontr/c1inputcontrols/C1FontPickerControlOverview/WorkingwithC1FontPicker).

1.  Add the **ComboBox** control to the form.
2.  Add the following line of code to the application to get the visual styles in the ComboBox:
    
    ```vbnet
    InitializeComponent()
    ComboBox2.DataSource = [Enum].GetValues(GetType(VisualStyle))
    ```
    
    ```csharp
    InitializeComponent();
    comboBox2.DataSource = Enum.GetValues(typeof(VisualStyle));
    ```
    
3.  Add code to the **comboBox1\_SelectedIndexChanged** event handler so that the visual style of C1FontPicker is updated on selecting an option from the combo box listing visual styles available:
    
    ```vbnet
    Private Sub ComboBox2_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ComboBox2.SelectedIndexChanged
        C1FontPicker1.VisualStyle = DirectCast(ComboBox2.SelectedItem, VisualStyle)
    End Sub
    ```
    
    ```csharp
    private void comboBox2_SelectedIndexChanged(object sender, EventArgs e)
    {
        c1FontPicker1.VisualStyle = (VisualStyle)comboBox2.SelectedItem;
    }
    ```
    
4.  Run the application. Now you can select the visual style from the drop down of the combo box and set the visual style of the **C1FontPicker**. The following image shows the output:<br />![visualstylefontpicker](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/visualstylefontpicker.png)