CODEWITHSUNDEEP
htmlasp.netrazorkendo-ui
Shane van Wyk
Shane van Wyk

Reputation: 1900

Kendo UI Multi Select List Item Per Row

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?

Upvotes: 0

Views: 1902

Answers (2)

portia
portia

Reputation: 124

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>

Upvotes: 4

COLD TOLD
COLD TOLD

Reputation: 13579

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

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

Upvotes: 0

Related Questions