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

kendo ui mobile dropdown list down arrow does not show on android

1 Answer 129 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
PCNC
Top achievements
Rank 1
PCNC asked on 30 Mar 2014, 09:44 AM
While coding a hybrid mobile application using kendo ui mobile I faced a the following problem :the drop down list does not have a down arrow when run on android devices. in app.js I am forcing the IOS7 platform to get the same experience on both android and ios app.application = new kendo.mobile.Application(document.body, {platform: "ios7"});here is the simple code I used at the example and there are no added styles.<div data-role="view"
id="test-view">

<h3>Drop down list </h3>
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

</div>please check this image showing the different results on different platforms , works fine on ios and the simulator but not on androidhttp://postimg.org/image/8378mmy7f/I wonder if there is a style rule that I can change to force the drop down arrow to show on the android device.

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 31 Mar 2014, 11:56 AM
Hi,

The way <select> elements are rendered in a mobile application depends on the browser/operating system that runs on the device. Kendo UI does not have control over the way standard HTML components are rendered on a mobile device, you can test the same by removing the Kendo UI scripts and css files from your application and still see the same result.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
PCNC
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or