|
1 | | -# How-to-customize-the-range-intervals-in-Winforms-RangeSlider |
2 | | -RangeSlider provides an option to customize the range of the slider. We can customize the radial slider by setting the Minimum value, Maximum value, Tick frequency and StartPosition of the slider. For more details please refer [How to customize the range intervals in RadialSlider](https://www.syncfusion.com/kb/11982/how-to-customize-the-range-intervals-in-winforms-rangeslider). |
| 1 | +# How to Customize the Range Intervals in WinForms RangeSlider |
| 2 | +The Syncfusion WinForms RangeSlider control provides options to customize the slider range to meet specific application requirements. By adjusting properties such as Minimum, Maximum, TickFrequency, and handling the DrawLabel event, you can create a slider that fits your desired range and display format. |
3 | 3 |
|
4 | | -## C# |
5 | | - //To Customize the Range |
| 4 | +## Why Customize the Range? |
| 5 | +Customizing the range intervals allows you to: |
| 6 | +- Define the minimum and maximum values for the slider. |
| 7 | +- Control the tick frequency for precise value selection. |
| 8 | +- Display custom labels (e.g., time intervals) for better user experience. |
| 9 | + |
| 10 | +## Key Properties |
| 11 | + |
| 12 | +- **Minimum**: Sets the lowest value of the slider. |
| 13 | +- **Maximum**: Defines the highest value of the slider. |
| 14 | +- **TickFrequency**: Determines the interval between ticks. |
| 15 | +- **ShowLabels**: Enables label display on the slider. |
| 16 | +- **StartPosition**: Specifies the initial position of the form. |
| 17 | + |
| 18 | +## Example Code |
| 19 | +```C# |
| 20 | +public Form1() |
| 21 | +{ |
| 22 | + InitializeComponent(); |
| 23 | + |
| 24 | + // Configure RangeSlider properties |
| 25 | + this.rangeSlider1.DrawLabel += RangeSlider1_DrawLabel; |
| 26 | + this.rangeSlider1.ShowLabels = true; |
6 | 27 | this.rangeSlider1.Minimum = 1; |
7 | 28 | this.rangeSlider1.Maximum = 10; |
8 | 29 | this.rangeSlider1.TickFrequency = 1; |
| 30 | + |
| 31 | + // Center the form on the screen |
9 | 32 | this.StartPosition = FormStartPosition.CenterScreen; |
| 33 | +} |
| 34 | + |
| 35 | +private void RangeSlider1_DrawLabel(object sender, DrawLabelEventArgs e) |
| 36 | +{ |
| 37 | + // Convert slider value to time intervals |
| 38 | + TimeSpan timeSpan = new TimeSpan(0, 30, 0); |
| 39 | + for (int i = 0; i < e.Value; i++) |
| 40 | + { |
| 41 | + timeSpan = timeSpan.Add(new TimeSpan(0, 30, 0)); |
| 42 | + } |
| 43 | + |
| 44 | + DateTime time = DateTime.Today.Add(timeSpan); |
| 45 | + e.Text = time.ToString("hh:mm tt"); |
| 46 | + e.Handled = true; |
| 47 | +} |
| 48 | +``` |
10 | 49 |
|
11 | | - |
| 50 | +## Reference |
| 51 | +For more details, refer to the official Syncfusion Knowledge Base: https://www.syncfusion.com/kb/11982/how-to-customize-the-range-intervals-in-winforms-rangeslider |
0 commit comments