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

Kendo Combobox rendering is not consistant

2 Answers 64 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Divyang
Top achievements
Rank 1
Divyang asked on 27 Nov 2015, 06:46 AM

Hi, 

I've found that Kendo Combobox renders differently while attaching to a local data source than attaching to a remote data souce in Visual Studio LightSwitch. Please refer to the image for the issue. I know there are rendering issues in LightSwitch because of JQuery Mobile (http://www.telerik.com/forums/kendo-combobox-rendering-issue) and this may not be the issue of data source. But it will help me a lot if I understand the cause of the problem.

 Thanks.

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 01 Dec 2015, 08:28 AM
Hello Divyang,

Judging by the provided screenshot, the <input> element, from which a Kendo UI ComboBox is created, is also used by jQuery Mobile to initialize a jQuery widget. As a result, jQuery Mobile wraps the invisible <input> of the ComboBox in a <div> element with some jQuery Mobile CSS classes (ui-input-text ui-shadow-inset, etc). This breaks the Kendo UI ComboBox HTML markup and layout.

Creating two different widgets from the same <input> element is bound to cause undesired side effects, such as the observed one. Please check how to make jQuery Mobile ignore elements, which are used by Kendo UI.

By the way, it is unlikely that the ComboBox data-binding technique (remote vs local) is related to the problem.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Divyang
Top achievements
Rank 1
answered on 02 Dec 2015, 03:42 AM
Thanks for confirming that there isn't any issue from the side of Kendo.
Tags
ComboBox
Asked by
Divyang
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Divyang
Top achievements
Rank 1
Share this question
or