This is a migrated thread and some comments may be shown as answers.

Listview with expanding preview for list item

1 Answer 202 Views
ListView
This is a migrated thread and some comments may be shown as answers.
vikrant
Top achievements
Rank 1
vikrant asked on 07 Jul 2016, 10:15 PM

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.

 

Thanks

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 11 Jul 2016, 10:33 AM
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.:

$("#listView").kendoListView({
    template: ...,
    dataSource: ...,
    selectable: true,
    change: function() {
        var selected = this.select();
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.

Regards,
Dimiter Topalov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
ListView
Asked by
vikrant
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or