CODEWITHSUNDEEP
asp.net-mvcangularjskendo-uikendo-dropdownkendonumerictextbox
SharkTiles
SharkTiles

Reputation: 605

Kendo style issue - UI elements out of place

I have a Kendo DropDownList on an Angular MVC project. Chrome (Version 40.0.2214.111 m) and IE10 renders it as 2 elements side-by-side. This issue remains with all Kendo elements with 2 HTML elements, such as NumericTextBoxs. Is this a bug? Is there a fix for it?

Kendo DropDownList out of place element Kendo NumericTextBox out of place element

This is how the HTML looks:

enter image description here

This is how I declare the drop down list

    <div class="col-md-3">
        <h4>Name: </h4>
        <select kendo-drop-down-list style="width: 200px">
            <option>Name 1</option>
            <option>Name 2</option>
            <option>Name 3</option>
            <option>Name 4</option>
        </select>
   </div>

Upvotes: 1

Views: 154

Answers (1)

Amirhossein Mehrvarzi
Amirhossein Mehrvarzi

Reputation: 18954

Just inspect element by browser and see affected css rules to your page elements. You may wanna change some of them to work with each other.

Upvotes: 1

Related Questions