Drop-down items arranged in multiple columns

3 posts, 0 answers
  1. Ricky
    Ricky avatar
    18 posts
    Member since:
    Aug 2016

    Posted 25 Apr 2017 Link to this post

    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. Ricky
    Ricky avatar
    18 posts
    Member since:
    Aug 2016

    Posted 25 Apr 2017 in reply to Ricky Link to this post

    To make it more clear, two pictures: Instead of icon-drop-straight I would like icon-drop-columns as a dropdown.
  3. Dimiter Topalov
    Dimiter Topalov avatar
    1251 posts

    Posted 26 Apr 2017 Link to this post

    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.:


    I hope this helps.

    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.
Back to Top