Kendo UI Multi Select List Item Per Row

Question

Anyone know how to use the Kendo UI Multiselect so it displays the selected items in a list vertically instead of in-line.

By default it displays it like this:

| [Item 1] [Item 2] [Item 3] | 

But I want to display it like this:

| [Item 1] |
| [Item 2] |
| [Item 3] |

Does anyone know how I can achieve this?

Answer 1

You can target the items inside the control with this style, so they all become full-width:

<style>
    div.k-multiselect-wrap .k-button {
        width: 100%;
   } 
</style>

Answer 2

all you need to do is to change the width of your multiselect

 .HtmlAttributes(new { @style="width: 100px;"})