Bunifu Toggle Switch (variant)
Rapidly generate stylish toggle switches with the new variant
Overview
Bunifu Toggle Switch variant is a newly calibrated toggle switch with considerably great features in its design that the default Bunifu Toggle control may be unable to render.
Getting Started
This section describes adding Bunifu Toggle Switch (variant) at the designer level and during a runtime event.
Getting started with design view
Bunifu Toggle Switch is added to a Form by simply locating BunifuToggleSwitch2
in your Visual Studio toolbox, and dragging it to the form as demonstrated below. You can quickly customize the control using its properties in the smart tag. Later in this documentation, we will get into deeper detail about its features.
Adding the toggle switch at Run-time
To add Bunifu Toggle Switch at runtime, we will use the Form's load event to instantiate BunifuToggleSwitch2
and add it to the form as shown in the codes below:
Let's deep dive and get insights into the available properties on the variant Bunifu Toggle Switch.
Properties
1. Checked
This property determines the toggle state of the control. When the property is set to true, it sets the toggle switch in an On state. By default the toggle switch is set on an Off state.
The CheckedChanged
event fires whenever the toggle state changes. Here's a code snippet that changes the label text whenever the state changes.
2. CheckedBackColor
CheckedBackColor
This property allows you to get or set the switch's box background color when the switch is on an On State. It supports both RGB and HEX color values.
3. UncheckedBackColor
UncheckedBackColor
This property allows you to get or set the switch's box background color when the switch is in an Off State. It supports both RGB and HEX color values.
4. CheckedSwitchColor
CheckedSwitchColor
This property allows you to get or set the fill color of the switch thumb when the switch is on an On State. It supports both RGB and HEX color values.
5. CheckedSwitchStyle
CheckedSwitchStyle
This property allows you to get or set the surface style (enumeration) for the switch thumb when the switch is in an On State. The enumeration defines the following values: Fill
and Outline.
6. UncheckedSwitchColor
6. UncheckedSwitchColor
This property allows you to get or set the fill color of the switch thumb when the switch is on an Off State. It supports both RGB and HEX color values.
7. UncheckedSwitchStyle
7. UncheckedSwitchStyle
This property allows you to get or set the surface style (enumeration) for the switch thumb when the switch is in an Off State. The enumeration defines the following values: Fill
and Outline.
8. OutlineThickness
8. OutlineThickness
This property allows you to set a thickness value for the switch thumb when its style set to outline. By increasing the value, the outline border of the swtich thumb becomes thicker.
Take Away
You can now generate more elegant toggle switches, which we hope will improve the appearance and feel of your UI while also providing a better user experience.
Please contact us via chat in the bottom right corner of the screen if you have feedback or recommendations.
Last updated