This is a migrated thread and some comments may be shown as answers.

DDL Alignment Issue with Android Chrome

1 Answer 39 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Jeffrey
Top achievements
Rank 1
Jeffrey asked on 02 Jun 2015, 03:14 AM

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>)
)

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 03 Jun 2015, 03:54 PM
Hi Jeff,

The reason for the misalignment is obscure at this point, but I suggest you to try setting the same vertical-align CSS style to all widgets that reside on the same line.

Regards,
Dimo
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
DropDownList
Asked by
Jeffrey
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or