[Solved] Switch design issue with last release and bootstrap theme

1 Answer 27 Views
Switch
Laurent
Top achievements
Rank 2
Iron
Iron
Laurent asked on 04 Feb 2026, 03:39 PM

Hi,

The switch is very tiny!

Best regards,

Laurent.

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 09 Feb 2026, 10:19 AM

Hello Laurent,

The Kendo UI Switch can appear small, especially when using the Bootstrap theme. You can increase its size by setting the size option to "large" when initializing the widget:

$("#switch").kendoSwitch({
    size: "large"
});

The Switch also offers additional appearance options, such as trackRounded and thumbRounded, to further customize its look. More details and examples are available in the documentation:

If the Switch still appears too small or you notice inconsistencies with the Bootstrap theme, please provide more details about your environment (such as the Bootstrap version and any custom styles applied). This will help me give you more targeted suggestions.

    Regards,
    Nikolay
    Progress Telerik

    Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

    Laurent
    Top achievements
    Rank 2
    Iron
    Iron
    commented on 10 Feb 2026, 10:19 AM

    Hi Nikolay,

    Thank you for your prompt response.

    The fact is that in all previous releases, the switch is bigger with bootstrap theme. Just try the demo to see the difference. Think it's a regression.

    Best regards.

    Nikolay
    Telerik team
    commented on 13 Feb 2026, 09:02 AM

    Hi Laurent,

    This change has been introduced with 2025.3.812 and aims to align with the official Bootstrap Switches guidelines:

    https://getbootstrap.com/docs/5.3/forms/checks-radios/#switches

    Regards,

    Nikolay

     

    Laurent
    Top achievements
    Rank 2
    Iron
    Iron
    commented on 13 Feb 2026, 09:20 AM

    Hi Nikolay,

    Ok, got it. I wish I had found this information in the release note.

    Regards,

    Laurent.

    Laurent
    Top achievements
    Rank 2
    Iron
    Iron
    commented on 13 Feb 2026, 10:04 AM | edited

    Nikolay,

    Nevertheless, the switch size is inconsistent with the other fields (see below).

    Can you expose css changes to revert to bigger switch size please?

    Nikolay
    Telerik team
    commented on 18 Feb 2026, 09:12 AM

    Hi Laurent,

    Applying custom styles over the components is generally not recommended and might lead to unexpected side effects.

    Nevertheless, here are some example styles you can use to make the Switch look similar to how it did in previous versions.

    Dojo demo: https://dojo.telerik.com/LVcZRwJY

    Regards,

    Nikolay

    Tags
    Switch
    Asked by
    Laurent
    Top achievements
    Rank 2
    Iron
    Iron
    Answers by
    Nikolay
    Telerik team
    Share this question
    or