title: How to use image in kendo-ui-sortables angular 2
body: <p>I want to use images rather than data in items, any way out there ?</p>
  
  <pre><code>import { Component, ViewEncapsulation } from '@angular/core';
  @Component({
    selector: 'my-app',
    template: `
      &lt;div class="example-config"&gt;
          &lt;h6&gt;Items: {{items | json}}&lt;/h6&gt;
      &lt;/div&gt;
      &lt;div class="container-fluid"&gt;
          &lt;kendo-sortable
              [navigatable]="true"
              [animation] = "true"
              [data]="items"
              class="row"
              itemClass="item col-xs-6 col-sm-3"
              activeItemClass="item col-xs-6 col-sm-3 active"
          &gt;
          &lt;/kendo-sortable&gt;
      &lt;/div&gt;
    `,
    encapsulation: ViewEncapsulation.None,
    styleUrls: ['styles.css']
  })
  export class AppComponent {
    public items: string[] = [
      'Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5', 'Item 6', 'Item 7', 'Item 8'
    ];
  }
  </code></pre>
  
  <p>Like this? any way to use it with images ?   </p>
  
  <p><a href="https://i.stack.imgur.com/oRzHP.png" rel="nofollow noreferrer">Have a look in this, any way to use image instead of grid of data</a></p>