Displaying Switch Label with Bootstrap Main Sass Theme
Environment
Product | Version |
---|---|
Switch for Progress® Kendo UI® | 2024.1.319 |
Description
When using the Bootstrap Main Sass theme with the Switch for Kendo UI, the switch label by default will not be displayed.
Solution
To display the Kendo UI Switch labels with the Bootstrap Main theme, add the following CSS styles to your code:
.k-switch-label-on, .k-switch-label-off {
display: block;
font-size: 11px;
}
.k-switch-label-on {
color: white;
left: 4px;
}
.k-switch-label-off {
right: 4px;
}
Please refer to this Progress Kendo UI Dojo for a live example demonstrating this approach.