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

Dropdown list not showing on android

1 Answer 40 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, 11:16 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
 android

Demo


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:57 AM
Hi,

I have answered the same question in the other support thread that you have opened, but for your convenience I will copy my answer here is as well:

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