I have a problem with the DDL not lining up with the other controls on the same html line. (see attached images)
Below is the entire page (in razor). I am using the default skin. If the user swaps to portrait mode, the DDL wraps the the next line, but displays covering the bottom half of the textbox. Any ideas why this does not look right in Android Chrome - but fine in IOS Safari?
TIA,
Jeff
@(Html.Kendo().MobileView()
.Title("Mobile Home Page")
.Name("Index")
.Content(@<text>
<div>
Address:
@Html.Kendo().TextBox().Name("tbAddress").HtmlAttributes(new { style = "width: 100px" })
@Html.Kendo().Button().Content("+").Name("btnExpSearch")
@Html.Kendo().Button().Content("SEARCH").Name("btnSearch")
@(Html.Kendo().DropDownList()
.Name("ddlTrades")
.DataTextField("Text")
.DataValueField("Value")
.BindTo(new List<SelectListItem>() {
new SelectListItem() {
Text = "Plumbing",
Value = "1"
},
new SelectListItem() {
Text = "Electric",
Value = "2"
},
new SelectListItem() {
Text = "HVAC",
Value = "3"
}
})
.Value("1")
)
</div>
<br />
@(Html.Kendo().Grid<HomeController.grid_results>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(c => c.Address);
columns.Bound(c => c.Builder);
columns.Bound(c => c.Neighborhood);
columns.Bound(c => c.NextStage);
columns.Bound(c => c.NeedBy);
columns.Bound(c => c.Hold);
}).Pageable()
.DataSource(ds => ds.Ajax().Read(read => read.Action("Jobs_Read", "Home")))
)
</text>)
)