Mini and detail view on item in listbox

1 Answer 51 Views
ListBox
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Vedad asked on 23 Feb 2022, 02:39 PM

Hi,

I am implementing some interactive listbox, and in some cases I have quite a lot of items within.

I would like to display as many items as possible in the list, but also to give the user option to "expand" and get more detailed view on the item.

For example: In "mini" view, I have only item name. In "expanded" mode I  have item name plus more text like some dates, ratings etc.

Is it possible to achieve this on current listbox?

Thank you very much.

Regards,

Vedad

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 28 Feb 2022, 09:41 AM

Hi Vedad,

Showing additional information on expand of an item in the ListBox is currently not supported. If you consider this an important feature I would suggest submitting a feature request in the Feedback portal:

Furthermore, if you would like to display a hierarchy and also enable the users to drag and drop items I would suggest using the TreeView widget. Please check out the example below that illustrates the functionality.

https://demos.telerik.com/kendo-ui/treeview/dragdrop

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
commented on 28 Feb 2022, 11:26 PM

Hi Nikolay, 

thank you for your answer. I can request the feature, but I guess that would take a time (can take months, or even not be accepted at all).

Drag and drop with listbox is exactly what I need, but I only wanted to have ability to change item template on the fly (on button click). Is there any workaround approach you could suggest?

btw. TreeView widget is not suitable in this case, as ListBox has all I need beside this. :)

Thanks and regards,

Vedad

Nikolay
Telerik team
commented on 03 Mar 2022, 12:40 PM

Hi Vedad,

Generally speaking, the ListBox itself is an editor. Thus, it does not support editing out of the box.

You can update the template on the fly with the setOptions() method, however, have in mind that all items share the same template and updating it will reflect all items.

You can also update items externally by modifying the data source of the ListBox or using the setDataSource method.

Hope this helps.

Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
commented on 03 Mar 2022, 01:23 PM

Hi Nikolay, thank you for your answer. 

I am only little confused with part where you say the ListBox itself is an editor, thus it does NOT support editing.. :)

Is this a typo or I misunderstood something.

Basically, I will ditch the mini-extended mode since it is not possible to do it in meaningful way.

Thanks a lot.

Best regards,

Vedad

Nikolay
Telerik team
commented on 08 Mar 2022, 07:48 AM

Hi Vedad,

Yes, the ListBox is not intended to have editing functionality as it is an editor itself. If you examine the official demos you will not find an editing one.

Is there any chance you are referring to the ListView widget instead?

Regrads,

Nikolay

Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
commented on 10 Mar 2022, 08:17 AM

Hi Nikolay,

thank you for your answer.
I think we had misunderstanding. :)

I was referring to the ListBox and because my original question was about list box - changing of "template" for selected item in the listBox on click.

ListBox widget with exact purpose I needed, as I didn't need hierarchy or editing, I just needed 2 things - drag and drop between lists and mini/extended mode.

However I took a different approach, since there is no option to do it easily. I switch everything between "mini" and "extended" mode based on user selection. It is a slightly "clumsy" approach because it requires change on all elements, but this was only thing I could do, considering it was not possible to do it on single data item.

Thanks for your help.

Best regards,

Vedad

Tags
ListBox
Asked by
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Answers by
Nikolay
Telerik team
Share this question
or