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

How ho show all selected element of multiselect?

1 Answer 263 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Federico
Top achievements
Rank 1
Federico asked on 06 Dec 2017, 02:51 PM

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

Something like this attached image:

 

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 07 Dec 2017, 06:24 AM
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.

Regards,
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.
Tags
MultiSelect
Asked by
Federico
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or