I tried setting the display to be 'inline-block', but then it shifted the multiselect to be 'hovering' above the available data.
6 Answers, 1 is accepted
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:
the Telerik team
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).
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.
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.