You must ensure that the page CSS does not make the dropdowns, their siblings, or their containers block elements. For example, the <h4> elements are block elements, so they will break the lines.Thus, you must remove those headings or make them use inline display.
For example, this snippet will result in "result-1.png" attached below:
@(Html.Kendo().DropDownList().Name("first"))
@(Html.Kendo().DropDownList().Name("second"))
@(Html.Kendo().DropDownList().Name("third"))
and this one will break into two lines because of the heading ("result-2.png"):
@(Html.Kendo().DropDownList().Name("first"))
<h4>some heading</h4>
@(Html.Kendo().DropDownList().Name("second"))
@(Html.Kendo().DropDownList().Name("third"))
Regards,
Marin Bratanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.Learn More.