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

Kendo UI DropDowList on Mobile Device

1 Answer 29 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 12 Jun 2014, 02:08 AM
Hi,

I am tweaking my web site so that certain pages are mobile friendly.
I have been using the Kendo DropDownList on my pages and was hoping that it would render nicely on mobile devices as well.

@(Html.Kendo().DropDownListFor(m => m.Acc).OptionLabel("Select Service").BindTo(Model.AccountsList).HtmlAttributes(new { style = "width: 300px;" }))

This renders on the mobile devices but when you click on it the popup is displayed inline as it does with a normal web browser and not using the native select list that normal Select elements use on mobiles which is a lot easier to use and less buggy.

Is there a way to get the dropdownlist to render as a native select element on mobile devices instead of the fancy javascript way it uses on desktop web browsers?

This would allow me to use css rules to change the style for mobile viewing instead of rewriting the page for the mobile version to get rid of the kendo ui dropdownlists.

Thanks.

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 13 Jun 2014, 07:19 AM
Hello Daniel,

In general when used in mobile applications the Kendo UI DropDownList renders in a mobile friendly way using an actionsheet, you can see this functionality in the following demo:

http://demos.telerik.com/kendo-ui/mobile-forms/index

However showing the native input widgets is not possible, as they only work for standard HTML components. If you want to show the native pickers, then use a normal HTML input tag with the appropriate type.

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
Daniel
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or