New to Kendo UI for jQuery? Start a free 30-day trial

Messages

configuration

The text messages displayed in the widget. Use this option to customize or localize the messages.

messages

Object

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
  $("#multiselect").kendoMultiSelect({
    messages: {
      clear: "clear!",
      noData: "There is no data!"
    }
  });
</script>

messages.clear

String

The text message when hovering the input clear button.

Default: "clear"

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
  $("#multiselect").kendoMultiSelect({
    messages: {
      clear: "clear!"
    }
  });
</script>

messages.deleteTag

String

The text message shown when hovering delete icon in a selected tag.

Default: "delete"

<input id="multiselect" style="width: 400px;" />
<script>
    $("#multiselect").kendoMultiSelect({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        messages: {
            deleteTag: "delete!"
        }
    });
</script>

messages.downArrow

String

Specifies the text that will be used for the MultiSelect downArrow title attribute.

Default: "select"

<input id="multiselect" style="width: 400px;" />
<script>
    $("#multiselect").kendoMultiSelect({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        messages: {
            downArrow: "custom!"
        }
    });
</script>

messages.noData

String

The text message shown in the noDataTemplate when no data is available in the widget drop-down.

Default: "No data found."

<select id="multiselect" multiple="multiple"></select>
<script>
  $("#multiselect").kendoMultiSelect({
    messages: {
      noData: "There is no data!"
    }
  });
</script>

messages.selectAll

String

The text used for the label of the "Select all" sticky header item. Only relevant when selectAll is enabled.

Default: "Select all"

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
    <option>Item3</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
    selectAll: true,
    messages: {
        selectAll: "Select All Items"
    }
});
</script>

messages.singleTag

String

The text message shown in the single TagMode tag.

Default: "item(s) selected"

<input id="multiselect" style="width: 400px;" />
<script>
    $("#multiselect").kendoMultiSelect({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        messages: {
            singleTag: "item(s) selected!",
        },
        tagMode: "single"
    });
</script>