Time Picker C# Customizing

The Kettic Time Picker control allows users easily access and customize the elements of the control. The detailed elements can be found in the structure of the Time Picker control. To customize the elements, just change the properties of these elements. The following is the C# tutorial that shows how to access the Time Picker control and change the elements as necessary.

How to Customize Text Box

The Text Box of the Time Picker is an editable area where users can input value. The Text Box contains the Kettic text box item that is hosted in the Kettic text edit box element. When we are going to customize the backcolor of the text box, we must change the backcolor of the Kettic text box item and the Kettic text edit box element together. The C# code shows how to achieved this.


ketticTimePicker.TimePickerElement.TextEditBox.Fill.BackColor = Color.Purple;
ketticTimePicker.TimePickerElement.TextEditBox.TextBoxItem.BackColor = Color.Purple;

How to Customize Dropdown Button

When we use the dropdown button of the Time Picker Element, we can customize the left and right padding of the drop down button with the following C# code.


ketticTimePicker.TimePickerElement.DropDownButton.Padding = new Padding(20,0,20,0);

How to Customize Up and Down Buttons

When we utilize the up and down arrow buttons of the Time Picker Element, we can customize the border color of them with the following C# code.


ketticTimePicker.TimePickerElement.UpButton.Border.GradientStyle = Kettic.WinForms.UI.GradientStyles.Solid;
ketticTimePicker.TimePickerElement.UpButton.Border.ForeColor = Color.Black;
ketticTimePicker.TimePickerElement.DownButton.Border.GradientStyle = Kettic.WinForms.UI.GradientStyles.Solid;
ketticTimePicker.TimePickerElement.DownButton.Border.ForeColor = Color.Black;

How to Customize Appearance of Clock Element

The Kettic Time Picker control allows users to customize the appearance of the clock elements including clock header background and font as well as hide the second arrow with the C# code snippet below.

How to Customize Headers of Hours and Minutes

The Kettic Time Picker control allows users easily to customize the back color of hours header and the border appearance of minutes header with the C# code snippet below.

How to Customize Cells Appearance of Hours and Minutes

In the structure of the Time Picker control, the minutes and hours table cells are located in a grid layout. Developers can use the event, FormatTimeCell, to customize the cells following the C# code snippet below.

How to Customize Tables of Hours and Minutes

The Kettic Time Picker control allows users easily to customize the background color of the hours and minutes tables with the C# code snippet below.

How to Customize Button Panel

The back color of the footer panel can be changed as demand by using the simple C# code snippet below

UI Controlsfor Windows Forms

.NET WinForms UI Overview .NET WinForms UI Features .NET WinForms UI Guide C# WinForms UI Design VB.NET WinForms UI Design

WinForms UI Controls

WinForms Buttons UI Control WinForms Calendar UI Control WinForms Carousel UI Control WinForms Chart UI Control WinForms Clock UI Control CommandBar UI Control WinForms Dock UI Control Desktop Alert UI Control DropDown List UI Control WinForms Editor UI Control

AutoCompleteBoxBox