Angular2 + Kendo MultiSelect-Liste jedes Element pro Zeile

Question

Ich habe eine Angular2 Kendo MultiSelect-Komponente in meiner App. Meine Geschäftsanforderung besteht darin, jede Auswahl pro Zeile aufzulisten, anstatt sie nebeneinander zu stapeln. Wie erreiche ich das?

Ich habe eine Suche und fand diese thread. Der vorgeschlagene Stil wurde implementiert, indem die Breite auf 100px eingestellt wurde, aber dies würde in meinem Szenario nicht funktionieren, da die Auswahlmöglichkeiten für die Mehrfachauswahl länger als 100px sind.

Eine Möglichkeit, die ich mit meiner Mehrfachauswahl gefunden habe, ist die Einstellung der Breite auf 500 Pixel für die Mehrfachauswahlsteuerung. In diesem Fall wird jedes Element in eine eigene Zeile eingefügt, aber die Größe des Multiselects nimmt nicht die gesamte Breite der Seite ein.

Wie erreiche ich jedes Element pro Zeile mit Kendo Multiselect Länge auf volle Breite eingestellt?

Answer 1

Der Multiselect besteht aus einer UL LI Liste, in der die Liste die volle Breite hat. Also, wenn Sie diesen Stil setzen

die Liste versucht, nur 1% und thei Elemente Zeilenumbruch zu nehmen. Es ist ein hässlicher Hack, aber könnte es tun ;-). Es könnte Nebenwirkungen in verschiedenen Browsern haben.

Ich habe den Fortschritt Plunker Beispiel geändert: http://embed.plnkr.co/sOBzjul7e2OdI8Ig2VLE/