Inline multiselect?

[Kyle]

Currently the multiselect widget gets wrapped in a div, causing it to move to a newline. Other similar widgets like the dropdownlist do not. Is there a way I can make the multiselect widget not move to a newline?

I tried setting the display to be 'inline-block', but then it shifted the multiselect to be 'hovering' above the available data.

http://imgur.com/GiQURfS

[Iliana Dyankova]

Hello Kyle,

I have already answered to your support ticket with the same question, however I am pasting my reply here too so the other users who follow this thread can read it: 

From the provided picture I presume you would like to align Kendo UI DropDownList, AutoComplete and Multiselect widgets on the same line? If this is the case you can set the following CSS to the .k-widget.k-multiselect element: 

Copy Code

<style scoped>
.k-widget.k-multiselect{
    width: 400px;
    vertical-align: middle;
    display: inline-block;
}
</style>

For your convenience I prepared a simple jsBin example which demonstrates the suggested approach in action. Regards,
Iliana Nikolova
the Telerik team

[Sunil]

thanks it works for me.

[Sunil]

but it is not working in mozilla and chrome. And in IE also faced some issue.

[Ivan Danchev]

Hi Sunil,

I checked how the MultiSelect from the example Iliana has linked looks like in Chrome, Firefox and IE11 and in all of them it is displayed in the same line as the DropDownList and AutoComplete, but depending on your resolution you might need to resize jsbin's Output pane, otherwise it could be too narrow to fit all three widgets on the same line (see this screencast).

Regards,
Ivan Danchev
Progress Telerik

[Tim]

This does not appear to work.  setting the width of the control just overlays other controls on the page.

[Stoyan]

Hi, Tim,

I tried the approach, that was suggested by Iliana previously, in this dojo and the inputs get inline.

However, if your viewport is too small there might not be enough space to fit all the components you are using.

Please edit the above dojo or provide your own runnable example for me to investigate further.

Regards,
Stoyan
Progress Telerik