$(select).kendoMultiSelect();
$(select).kendoMultiSelect({
  dataTextField: "ContactName",
  dataValueField: "CustomerID",
  itemTemplate:
    '<div class="k-list-wrapper">'+
      '<span class="k-state-default k-list-wrapper-addon">' +
        '<img src=\"assets/img/avatars/avatar#:data.CustomerID#.png\" alt=\"#:data.CustomerID#\" />' +
      '</span>' +
      '<span class="k-state-default k-list-wrapper-content">' +
        '<p>#: data.ContactName #</p>' +
        '<span class="uk-text-muted uk-text-small">#: data.CompanyName #</span>' +
      '</span>' +
    '</div>',
  tagTemplate:
    '<img class="k-tag-image" src=\"assets/img/avatars/avatar#:data.CustomerID#.png\" alt=\"${data.CustomerID}\" />' +
    '#: data.ContactName #',
  dataSource: {
    transport: {
      read: {
        dataType: "json",
        url: "data/kUI_users_data.json"
      }
    }
  },
  value: [
    { ContactName: "William Block", CustomerID: 3 }
  ],
  height: 204
});

Colors

Sidebar

Layout

Main menu accordion