Set default switch messages

[Barry]

How can I set the checked/unchecked messages for my entire application or at least for the page?

Currently, I use something like:

<kendo-switch for="BoundProperty" checked="Model.BoundProperty"><messages checked="@Html.T("Common.YES")" unchecked="@Html.T("Common.NO")" /></kendo-switch>

 

It would be great if I didn't have to include the <messages /> tag each time.

[Anton Mironov]

Hello, Barry,

Thank you for the provided code snippet.

In order to change messages to all Kendo UI Switches there are two approaches that you might take:

1. Try to override their prototype. This could happen with the help of the extend method that will change switches' messages globally in your application:

    $.extend(kendo.ui.Switch.prototype.options, {
        messages: {
            checked: "on",
            unchecked: "off"
        }
    });

2. Use the setOptions() method of the widget to change switches' messages on the current page:

 $(function () {
        var allSwitches = $(".k-switch input");

        $.each(allSwitches, function (key, value) {
            var currSwitch = $(value).getKendoSwitch();
            currSwitch.setOptions({
               messages: {
                checked: "aaa",
                unchecked: "bbb"
              }
            });
        });
    });

Furthermore, you can find the following article interesting that describes using the setOptions() method in more details:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/setoptions

Please let me know if you have any other questions.

Greetings,
Anton Mironov
Progress Telerik

[Barry]

Hi Anton,

Option 1 is perfect, just what I needed.

Thanks for your help.

Barry