Content-Length: 264569 | pFad | https://github.com/telerik/kendo-themes/issues/567

D0 Switch labels are not visible when Bootstrap theme is used · Issue #567 · telerik/kendo-themes · GitHub
Skip to content

Switch labels are not visible when Bootstrap theme is used #567

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
dtopalov opened this issue Jan 22, 2019 · 4 comments
Closed

Switch labels are not visible when Bootstrap theme is used #567

dtopalov opened this issue Jan 22, 2019 · 4 comments
Labels
C: Switch T: Bootstrap Kendo Theme Bootstrap
Milestone

Comments

@dtopalov
Copy link
Contributor

The Switch On/Off labels are not visible when the Bootstrap theme is used:

https://stackblitz.com/edit/angular-wbz1be-ggqpgc?file=app/app.component.ts

Works as expected with the Default theme:

https://stackblitz.com/edit/angular-wbz1be-e61nmk?file=app%2Fapp.component.ts

@dtopalov dtopalov added Bug Something isn't working C: Switch T: Bootstrap Kendo Theme Bootstrap labels Jan 22, 2019
@PreslavKozovski
Copy link
Contributor

PreslavKozovski commented Jan 23, 2019

This behavior is by design:
https://github.com/telerik/kendo-ux/blob/master/themes/bootstrap/switch.psd
If you need to change the default layout, follow the steps from this wiki:
https://github.com/telerik/kendo-themes/wiki/Change-the-Switch-Layout

@aiscrim
Copy link

aiscrim commented Feb 4, 2022

Sorry to reopen this old discussion, but I updated my project with "@progress/kendo-angular-buttons@7.0.2" and I think there's a regression: the proposed solution doesn't work anymore and the labels are not shown.

@michaelmarcuccio
Copy link

Same issue here when upgrading to the material v5 theme. The wiki does not have updated steps to resolve the issue.

@scoussens
Copy link

You have to look in the _variables file of the boostrap them for the switch and change those variables:

$kendo-switch-label-display: inline;
$kendo-switch-label-text-transform: capitalize;

Basically in V5 they added 'kendo' to the front of the variable.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: Switch T: Bootstrap Kendo Theme Bootstrap
Projects
None yet
Development

No branches or pull requests

6 participants








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: https://github.com/telerik/kendo-themes/issues/567

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy