Hi,
I am not sure whether I should ask this question here or not.
But the combo box is not rendering properly in Visual Studio LightSwitch. It seems a JQuery Mobile issue more than LightSwitch though. However not being an expert in JQM it is becoming difficult for me to solve this. The JQuery version LightSwitch uses is 1.9.1 and the JQuery Mobile version it issues is 1.3.0.
Please see attached file for the issue.
Thanks.
6 Answers, 1 is accepted
This is most probably caused by a conflict between the Kendo UI and jQuery Mobile stylesheets. Generally speaking, using two UI frameworks at the same time is to be avoided, so I would suggest choosing one and sticking to it. Here are a couple of blog posts that compare the two:
- jQuery Mobile vs Kendo UI
- jQuery Mobile and Kendo UI Mobile - A DOM Comparison (a bit outdated, but still relevant)
Regards,
Alexander Popov
Telerik

Regards,
Alexander Popov
Telerik

Regards,
Alexander Popov
Telerik

I've found a work around to the issue, in LS or any other framework where JQuery Mobile interferes in rendering we can set the data-role='none' to the element in case it doesn't have any inner elements. And to render a plugin with child elements we can wait to JQM to finish applying its styling to the page by using:
$(document).on('pageinit', function(){
var myElelment = $('<input id="test"');
});