You can manage the appearance of C1RangeSlider control through various Thumb Style options.
Back color of C1RangeSlider thumbs can be changed at design time or through code
To change the back color in design time complete the following:
To change the Back Color at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.BackColor = System.Drawing.Color.Tan |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.BackColor = System.Drawing.Color.Tan; |
Border color of C1RangeSlider thumbs can be changed at design time or through code
To change the back color in design time complete the following:
To change the Border Color at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.BorderColor = System.Drawing.SystemColors.ActiveCaptionText |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.BorderColor = System.Drawing.SystemColors.ActiveCaptionText; |
CorneRadius property enables you to customize the appearance of thumbs of C1RangeSlider control. Thumbs with CornerRadius set to 0 will be rectangular. To add curvature to the thumbs, you can increase their corner radius.
Corner Radius of C1RangeSlider thumbs can be changed at design time or through code
To change CornerRadius of thumbs in design time complete the following:
To change the Corner Radius at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.CornerRadius = 4 |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.CornerRadius = 4; |
The following image shows customized thumb styles of C1RangeSlider control with corner radius 4.
DisabledBackColor property enables you to set the background color of thumb, which will be visible when the C1RangeSlider control is disabled.
DisabledBackColor of C1RangeSlider thumbs can be changed at design time or through code
To change the DisabledBackColor in design time complete the following:
To change the DisabledBackColor at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.DisabledBackColor = System.Drawing.SystemColors.InactiveCaption |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.DisabledBackColor = System.Drawing.SystemColors.InactiveCaption; |
DisabledBorderColor property enables you to set the border color of thumbs, which will be visible when the C1RangeSlider control is disabled.
DisabledBorderColor of C1RangeSlider thumbs can be changed at design time or through code.
To change the DisabledBorderColor in design time complete the following:
To change the DisabledBorderColor at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.DisabledBorderColor = System.Drawing.SystemColors.WindowFrame |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.DisabledBorderColor = System.Drawing.SystemColors.WindowFrame; |
The following image shows customised thumb styles in disabled C1RangeSlider control.
HoveredBackColor property enables you to set the back color of thumbs, which will be visible when mouse is over it.
HoveredBackColor of C1RangeSlider thumbs can be changed at design time or through code
To change the HoveredBackColor in design time complete the following:
To change the HoveredBackColor at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.HoveredBackColor = System.Drawing.SystemColors.ActiveCaption |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.HoveredBackColor = System.Drawing.SystemColors.ActiveCaption; |
HoveredBorderColor property enables you to set the border color of thumbs, which will be visible when mouse is over it.
HoveredBackColor of C1RangeSlider thumbs can be changed at design time or through code
To change the HoveredBorderColor in design time complete the following:
To change the HoveredBorderColor at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.HoveredBorderColor = System.Drawing.Color.Blue |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.HoveredBorderColor = System.Drawing.Color.Blue; |
The following image shows customized thumb styles of C1RangeSlider control on mouse over.
PressedBackColor property enables you to set the back color of thumbs, which will be visible when mouse-click is performed over it.
PressedBackColor of C1RangeSlider thumbs can be changed at design time or through code
To change the PressedBackColor in design time complete the following:
To change the PressedBackColor at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.PressedBackColor = System.Drawing.Color.Gold |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.PressedBackColor = System.Drawing.Color.Gold; |
PressedBorderColor property enables you to set the border color of thumbs, which will be visible when mouse-click is performed over it.
PressedBorderColor of C1RangeSlider thumbs can be changed at design time or through code
To change the PressedBorderColor in design time complete the following:
To change the PressedBorderColor at run-time, add the following code in FormLoad event:
To write code in Visual Basic
Visual Basic |
Copy Code
|
---|---|
Me.C1RangeSlider1.Styles.ThumbStyle.PressedBorderColor = System.Drawing.Color.Orange |
To write code in C#
C# |
Copy Code
|
---|---|
this.c1RangeSlider1.Styles.ThumbStyle.PressedBorderColor = System.Drawing.Color.Orange; |
The following image shows customized thumb styles of C1RangeSlider control when mouse-click is performed.