• Anne King
  • Andrew Fuller
$(select).kendoMultiSelect();
    Select attendees...
    $(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