Angular2 + Kendo MultiSelect перечисляет каждый элемент в строке

В моем приложении есть компонент Angular2 Kendo MultiSelect. Мое бизнес-требование состоит в том, чтобы перечислить каждый выбор в строке, а не складывать их рядом друг с другом. Как мне этого добиться?

Я выполнил поиск и нашел этот thread. Реализовал предложенный стиль, установив ширину на 100 пикселей, но это не сработает в моем сценарии, потому что выбор множественного выбора будет длиннее 100 пикселей.

Один из способов, которым я обнаружил, что это работает с моим мультивыбором, — это установка ширины на 500 пикселей для элемента управления мультиселектом. В этом случае он удаляет каждый элемент в своей строке, но размер мультиселекта не занимает всю ширину страницы.

Как я могу получить каждый элемент в строке, если длина Kendo Multiselect установлена ​​на полную ширину?


person HereToLearn_    schedule 11.07.2017    source источник


Ответы (1)


Multiselect состоит из списка UL LI, где список занимает всю ширину. Итак, если вы установите этот стиль

.k-multiselect-wrap ul { width: 1%;}

список пытается занять всего 1%, а строки элементов переносятся. Это уродливый хак, но мог бы это сделать ;-). Это может иметь побочные эффекты в разных браузерах.

Я изменил пример Progress Plunker: http://embed.plnkr.co/sOBzjul7e2OdI8Ig2VLE/

person Ludwig    schedule 12.07.2017
comment
Людвиг спасибо за ответ. Но по какой-то причине, когда я реализую этот css, мои элементы в множественном выборе переносятся, потому что их длина больше 1%. - person HereToLearn_; 12.07.2017