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

Messages.tools

configuration

Defines the localization texts for tools in the ListBox. Texts are used when you configure the tooltip and accessibility support.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "moveUp", "moveDown", "remove", "transferTo", "transferFrom", "transferAllTo", "transferAllFrom" ]
        },
        messages: {
            tools: {
                moveUp: "MoveUp",
                moveDown: "MoveDown",
                remove: "Remove",
                transferTo: "TransferTo",
                transferFrom: "TransferFrom",
                transferAllTo: "TransferAllTo",
                transferAllFrom: "TransferAllFrom"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Move Down button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "moveDown" ]
        },
        messages: {
            tools: {
                moveUp: "MoveDown"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Move Up button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "moveUp" ]
        },
        messages: {
            tools: {
                moveUp: "MoveUp"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Delete button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "remove" ]
        },
        messages: {
            tools: {
                remove: "Remove"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Transfer All From button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "transferAllFrom" ]
        },
        messages: {
            tools: {
                transferAllFrom: "TransferAllFrom"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Transfer All To button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "transferAllTo" ]
        },
        messages: {
            tools: {
                transferAllTo: "TransferAllTo"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Transfer From button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>
<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "transferFrom" ]
        },
        messages: {
            tools: {
                transferFrom: "TransferFrom"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>

Defines the text of the Transfer To button that is located in the toolbar of the ListBox.

<select id="listBoxA"></select>
<select id="listBoxB"></select>

<script>
    $("#listBoxA").kendoListBox({
        connectWith: "listBoxB",
        dataSource: [ "ItemA1", "ItemA2" ],
        toolbar: {
            tools: [ "transferTo" ]
        },
        messages: {
            tools: {
                transferTo: "TransferTo"
            }
        }
    });

    $("#listBoxB").kendoListBox({
        connectWith: "listBoxA",
        dataSource: [ "ItemB1", "ItemB2" ]
    });
</script>