# Visual Styles Learn about the different built-in visual styles in ComponentOne Input for WinForms. ## Content C1Input has seven built-in visual styles: System, Office2007Blue, Office2007Black, Office2007Silver, Office2010Blue, Office2010Black, and Office2010Silver. Setting the **VisualStyle** property on a C1Input control will control the gradients and borders used to paint [C1TextBox](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1TextBox.html), [C1Label](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1Label.html), [C1DbNavigator](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1DbNavigator.html), [C1DropDownControl](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1DropDownControl.html), [C1DateEdit](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1DateEdit.html) (including the drop down calendar), [C1NumericEdit](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1NumericEdit.html) (including the drop down calculator), C1SplitButton, C1ComboBox,C1CheckBox,[C1RangeSlider](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1RangeSlider.html)and [C1Button](/componentone/api/win/online-input/dotnet-framework-api/C1.Win.C1Input.4.8/C1.Win.C1Input.C1Button.html). To customize the appearance of a C1Input control using Visual Styles, set the **VisualStyle** property to **Custom**, **Office2007Black**, **Office2007Blue**, **Office2007Silver**, **System**, **Office2010Blue**, **Office2010Black**, or **Office2010Silver**. This property can be set either in the designer or in code. The following table describes each of the Visual Styles: | Visual Style | Description | | --- | --- | | Custom | No visual style (use styles and appearance properties as usual). | | Office2007Black | Style matches Office2007 Black color scheme. | | Office2007Blue | Style matches Office2007 Blue color scheme. | | Office2007Silver | Style matches Office2007 Silver color scheme. | | System | Style matches the current system settings. | | Office2010Blue | Style matches Office2010 Blue color scheme. | | Office2010Black | Style matches Office2010 Black color scheme. | | Office2010Silver | Style matches Office2010 Silver color scheme. | ### Using the Designer Locate the **VisualStyle** property in the Properties window and set it to **Custom**, **Office2007Black**, **Office2007Blue**, **Office2007Silver**, **System**, **Office2010Blue**, **Office2010Black**, or **Office2010Silver**. In this example, the **VisualStyle** property is set to **Office2007Blue** for a C1TextBox control.
![visual_designer"](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/imagesext/image13_23.png) ### Using the Code Editor Add code to the **Form\_Load** event to set the **VisualStyle** property of a controlto **Custom**, **Office2007Black**, **Office2007Blue**, **Office2007Silver**, or **System**. The following code sets the **VisualStyle** property to **Office2007Blue** for a C1TextBox control: DOC-DETAILS-TAG-OPEN DOC-SUMMARY-TAG-OPEN To write code in Visual Basic DOC-SUMMARY-TAG-CLOSE ```vbnet Me.C1TextBox1.VisualStyle = C1.Win.C1Input.VisualStyle.Office2007Blue ``` DOC-DETAILS-TAG-CLOSE DOC-DETAILS-TAG-OPEN DOC-SUMMARY-TAG-OPEN To write code in C# DOC-SUMMARY-TAG-CLOSE ```csharp this.c1TextBox1.VisualStyle = C1.Win.C1Input.VisualStyle.Office2007Blue; ``` DOC-DETAILS-TAG-CLOSE ### Custom Visual Style No visual style is applied. | **C1TextBox** | ![custom_textbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom_textbox.png) | | --- | --- | | **C1CheckBox** | ![custom-checkbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-checkbox.png) | | **C1Label** | ![custom-label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-label.png) | | **C1DbNavigator** | ![custom_dbnav](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom_dbnav.png) | | **C1DropDownControl** | ![custom_dropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom_dropdown.png) | | **C1DateEdit** | ![custom-datedit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-datedit.png) | | **C1NumericEdit** | ![custom-numericedit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-numericedit.png) | | **C1Button** | ![custom-c1button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-c1button.png) | | **C1ComboBox** | ![custom_combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom_combobox.png) | | **C1RangeSlider** | ![custom-rangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-rangeslider.png) | | **C1SplitButton** | ![splitbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/splitbutton.png) | ### System Visual Style The current system settings. | **C1TextBox** |
![sys-textbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-textbox.png) | | --- | --- | | **C1CheckBox** | ![sys-checkbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-checkbox.png) | | **C1Label** | ![sys-label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-label.png) | | **C1DbNavigator** | ![sys-dbnv](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-dbnv.png) | | **C1DropDownControl** | ![sys-dropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-dropdown.png) | | **C1DateEdit** | ![sys-dateedit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-dateedit.png) | | **C1NumericEdit** | ![sys-numeric](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-numeric.png) | | **C1Button** | ![sys-button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-button.png) | | **C1ComboBox** | ![sys_combo](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys_combo.png) | | **C1RangeSlider** | ![custom-rangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/custom-rangeslider.png) | | **C1SplitButton** | ![sys-splitbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/sys-splitbutton.png) | ### Office2007Black Visual Style The Office 2007 Black color scheme. | **C1TextBox** | ![2007black_textbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_text.png) | | --- | --- | | **C1CheckBox** | ![2007black_checkbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_checkbox.png) | | **C1Label** | ![2007black_c1label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_c1label.png) | | **C1DbNavigator** | ![2007black_dbnav](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_dbnav.png) | | **C1DropDownControl** | ![2007black_dropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_dropdown.png) | | **C1DateEdit** | ![2007black_datedit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_datedit.png) | | **C1NumericEdit** | ![2007black_numericbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_numeric.png) | | **C1Button** | ![2007black_c1button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_c1button.png) | | **C1ComboBox** | ![2007black_combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_combobox.png) | | **C1RangeSlider** | ![2007black_rangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_rangeslider.png) | | **C1SplitButton** | ![2007black_c1splitbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007black_c1splitbutton.png) | ### Office2007Blue Visual Style The Office 2007 Blue color scheme. | **C1TextBox** | ![2007blue-textbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-textbox.png) | | --- | --- | | **C1CheckBox** | ![2007blue-checkbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-checkbox.png) | | **C1Label** |
![C1Label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/imagesext/image13_50.png) | | **C1DbNavigator** | ![2007blue-dbnav](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-dbnav.png)
| | **C1DropDownControl** | ![/2007blue-dropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-dropdown.png) | | **C1DateEdit** | ![2007blue-datepicker](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-datepicker.png) | | **C1NumericEdit** | ![2007blue-numeric](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-numeric.png) | | **C1Button** | ![2007blue-c1button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-c1button.png) | | **C1ComboBox** | ![2007blue-combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-combobox.png) | | **C1RangeSlider** | ![2007blue-rangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-rangeslider.png) | | **C1SplitButton** | ![2007blue-splitbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/2007blue-splitbutton.png) | ### Office2007Silver Visual Style The Office 2007 Silver color scheme. | **C1TextBox** | ![silvertextbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/textbox-office2007silver.png) | | --- | --- | | **C1CheckBox** | ![silvercheckbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/checkbox-office2007silver.png) | | **C1Label** | ![C1LabelOffice2007Silver](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/documentsimagestbh/c1labeloffice2007silver.png) | | **C1DbNavigator** | ![silvernavigator](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/dbnavigator-office2007silver.png) | | **C1DropDownControl** | ![officedropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/dropdown-office2007silver.png) | | **C1DateEdit** | ![silverdatedit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/datedit-office2007silver.png) | | **C1NumericEdit** | ![silvernumericeditor](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/numericedit-office2007silver.png) | | **C1Button** | ![silverbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/button-office2007silver.png) | | **C1ComboBox** | ![silvercombobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/combobox-office2007silver.png) | | **C1RangeSlider** | ![silverrangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/rangeslider-office2007silver.png) | | **C1SplitButton** | ![silversplitbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/splitbutton-office2007silver.png) | ### Office2010Blue Visual Style The Office 2010 Blue color scheme. | **C1TextBox** | ![Office2010Blue_Button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_button.png) | | --- | --- | | **C1CheckBox** | ![Office2010Blue_CheckBox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_checkbox.png) | | **C1Label** | ![Office2010Blue_label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/imagesext/image13_50.png) | | **C1DbNavigator** | ![Office2010Blue_DBNavigator](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_dbnavigator.png) | | **C1DropDownControl** | ![Office2010Blue_DropDown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_dropdown.png) | | **C1DateEdit** | ![Office2010Blue_DateEdit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_dateedit.png) | | **C1NumericEdit** | ![Office2010Blue_NumericEdit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_numericedit.png) | | **C1Button** | ![Office2010Blue_Button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_button.png) | | **C1ComboBox** | ![Office2010Blue_Combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_combobox.png) | | **C1RangeSlider** | ![Office2010Blue_RangeSlider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_rangeslider.png) | | **C1SplitButton** | ![Office2010Blue_SplitButton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_splitbutton.png) | ### Office2010Black Visual Style The Office 2010 Black color scheme. | **C1TextBox** | ![Office2010Black_TextBox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_textbox.png) | | --- | --- | | **C1CheckBox** | ![Office2010Black_CheckBox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_checkbox.png) | | **C1Label** | ![c1label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/imagesext/image13_42.png) | | **C1DbNavigator** | ![Office2010Black_DBNavigator](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_dbnavigator.png) | | **C1DropDownControl** | ![Office2010Black_Dropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_dropdown.png) | | **C1DateEdit** | ![Office2010Black_DateEdit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_dateedit.png) | | **C1NumericEdit** | ![Office2010Black_NumericEdit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_numericedit.png) | | **C1Button** | ![Office2010Black_Button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_button.png) | | **C1ComboBox** | ![Office2010Black_ComboBox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_combobox.png) | | **C1RangeSlider** | ![Office2010Black_Rangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_rangeslider.png) | | **C1SplitButton** | ![Office2010Black_SplitButton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/office2010black_splitbutton.png) | ### Office2010Silver Visual Style The Office 2010 Silver color scheme. | **C1TextBox** | ![Office2010Blue_TextBox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010blue_textbox.png) | | --- | --- | | **C1CheckBox** | ![Office2010Silver_checkbox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_checkbox.png) | | **C1Label** | ![label](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/imagesext/image13_58.png) | | **C1DbNavigator** | ![Office2010Silver_DbNavigator](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_dbnavigator.png) | | **C1DropDownControl** | ![Office2010Silver_dropdown](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_dropdown.png) | | **C1DateEdit** | ![Office2010Silver_DateEdit](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_dateedit.png) | | **C1NumericEdit** | ![Office2010Silver_Numeric](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_numeric.png) | | **C1Button** | ![Office2010Silver_Button](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_button.png) | | **C1ComboBox** | ![Office2010Silver_Combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_combobox.png) | | **C1RangeSlider** | ![Office2010Silver_rangeslider](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_rangeslider.png) | | **C1SplitButton** | ![Office2010Silver_Splitbutton](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2010silver_splitbutton.png) | ## See Also [Themes](/componentone/docs/win/online-input/customizingc1inputsa/Themes)