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

Drop-down items arranged in multiple columns

2 Answers 441 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Ricky
Top achievements
Rank 2
Ricky asked on 25 Apr 2017, 02:05 PM

Thanks to the templating is easy to have a template for the drop-down items. The sample demonstrates the power quite well: http://demos.telerik.com/kendo-ui/dropdownlist/template

But if I want the user to select one of 100 icons and display each icon with a size of 32x32 the list gets quite long while very thin. Can I arrange this in (let's say) 6 columns so the width is 192px and I only get 17 rows of icons. That would be much more compact.

2 Answers, 1 is accepted

Sort by
0
Ricky
Top achievements
Rank 2
answered on 25 Apr 2017, 02:18 PM
To make it more clear, two pictures: Instead of icon-drop-straight I would like icon-drop-columns as a dropdown.
0
Dimiter Topalov
Telerik team
answered on 26 Apr 2017, 03:42 PM
Hi Ricky,

The desired layout is not supported out-of-the box, but you can use some custom styling along with the template option to achieve the desired behavior, e.g.:

http://dojo.telerik.com/AMEKOB

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
DropDownList
Asked by
Ricky
Top achievements
Rank 2
Answers by
Ricky
Top achievements
Rank 2
Dimiter Topalov
Telerik team
Share this question
or