How ho show all selected element of multiselect?

2 posts, 0 answers
  1. Federico
    Federico avatar
    6 posts
    Member since:
    Nov 2017

    Posted 06 Dec 2017 Link to this post

    How to see all the selected items?
    I only see the last item selected.

    Something like this attached image:


  2. Ivan Danchev
    Ivan Danchev avatar
    2187 posts

    Posted 07 Dec 2017 Link to this post

    Hello Federico,

    In most themes the selected items in the MultiSelect are highlighted with a different background color, but in the Material theme (shown in the screenshot) the selected itemsare marked with different text color (blue) and only the focused item is highlighted in gray. You can customize this through CSS as shown in this dojo example. Note that the first part of the CSS rule's selector:
    #products_listbox .k-state-selected {
      background-color: lightblue;
    uses the id of the MultiSelect's dropdown ("products_listbox"), whereas the id of the MultiSelect widget is "products". The dropdown id is generated automatically by appending "_listbox" to the widget's id.

    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 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