show 3 drop down lists side by side?

[Peter]

hello,

I have 3    @(Html.Kendo().DropDownList()  

is there a telerik control i can use to arrange them  side by side?

Attached picture shows current placement, this is my cshtml 
    <div class="demo-section" style="width: 250px;">
 
                    <h4>Status</h4>
                    @(Html.Kendo().DropDownList()   etc etc

thanks,Peter

[Marin Bratanov]

Hello Peter,

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