Localization
You can customize the Messages() for each toolbar command button of the ListBox.
These messages serve as tooltip text when the user hovers over the buttons.
@(Html.Kendo().ListBox()
.Name("optional")
.DataTextField("ContactName")
.DataValueField("CustomerID")
.DataSource(source => source
.Read(read => read.Action("GetCustomers", "ListBox"))
)
.Messages(m=>m.Tools(tools=>
{
tools.MoveUp("Promote");
tools.MoveDown("Demote");
tools.Remove("Remove Employee");
tools.TransferTo("Transfer To");
tools.TransferAllTo("Transfer All To");
tools.TransferFrom("Transfer From");
tools.TransferAllFrom("Transfer All From");
})
)
.TemplateId("customer-item-template")
.Draggable(draggable => draggable.Placeholder("customPlaceholder"))
.DropSources("selected")
.ConnectWith("selected")
.Selectable(ListBoxSelectable.Single)
.Toolbar(toolbar =>
{
toolbar.Position(ListBoxToolbarPosition.Right);
toolbar.Tools(tools => tools
.TransferTo()
.Remove());
})
.BindTo(new List<CustomerViewModel>())
)
<script id="customer-item-template" type="text/x-kendo-template">
<span class="k-state-default" style="background-image: url('../content/web/Customers/#:data.CustomerID#.jpg')"></span>
<span class="k-state-default"><h3>#: data.ContactName #</h3><p>#: data.CompanyName #</p></span>
</script>