Listview with expanding preview for list item

2 posts, 0 answers
  1. vikrant
    vikrant avatar
    1 posts
    Member since:
    May 2016

    Posted 07 Jul 2016 Link to this post

    Hi team,


    Let me know if we can implement an expanding view for selected list item in a list view (displayed as tile format). Something similar to google image search when we select any image it opens it in below row in an expanding div.

    I tried using tool tip but i wan it to open in an expanding view and not outside of the listview and also its not centered its position is relative to the selected item

    Let me know if it's possible to implement in listview.



  2. Dimiter Topalov
    Dimiter Topalov avatar
    1297 posts

    Posted 11 Jul 2016 Link to this post

    Hello Vikrant,

    The Kendo UI ListView widget does not have its own rendering, and instead gives the developer the freedom to specify a custom type of layout for the items.

    The desired functionality is not supported out-of-the-box, but can be achieved with some custom code. I can suggest handling the change event, and access the currently selected item via the select() method in the handler, e.g.:

        template: ...,
        dataSource: ...,
        selectable: true,
        change: function() {
            var selected =;

    Then you can perform the custom logic that best fits your scenario, to either append a new element to the currently selected one, or show/hide an existing element within the template that can contain the content that should be shown when an item is selected.

    I hope this helps.

    Dimiter Topalov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top