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

How to render dropdownlist as Desktop mode

7 Answers 56 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Claudio
Top achievements
Rank 1
Iron
Veteran
Iron
Claudio asked on 07 May 2015, 03:40 PM

Hi, i have a kendo web application who use popOver widget, to use popOver widget i converted the application to a kendo-mobile-application

(adding kendo-mobile-application attribute and include all html body inside a kendo-mobile-view tag.)

The application works fine except for kendo-dropdownlist who render always as mobile dropdown.

I would like to choose when dropdownlist have to render as mobile and when as desktop.

It is possible?

I noticed that if avoid to include the kendo.*.mobile.css the dropdown render as a normal desktop mode, but doing so the popOver widget not render well..

 Otherwise how i can use mobile widgets inside web application without transform the application as mobile?

Thanks

7 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 11 May 2015, 10:41 AM

Hello Claudio,

 

We do not have such configuration out of the box, and currently the dropdownlist is always rendered as a native component (actionsheet) when included in mobile application. You can submit this as a feature request on UserVoice, so that it is considered for implementation in a future release.

 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Marlon
Top achievements
Rank 1
answered on 12 Aug 2015, 12:23 AM
Just curious if there's any update on this. I put a User Voice request for this almost two years ago and it hasn't moved. I understand its not super high priority but its still pretty disappointing that this hasn't been at least acknowledged with some sort of explanation on why it won't happen. I assumed that a licensed customer ​making a feature request would ​warrant some form of a reply in all of this time. http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/4639192-make-picker-behavior-configurable-for-dropdownlist
0
Kiril Nikolov
Telerik team
answered on 13 Aug 2015, 07:35 AM

Hello Marlon,

 

We strive to implement the most voted features for the UserVoice section, currently this functionality has just 5 votes, which make it a low severity item. If more people vote for this, we will see it implemented sooner.

 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Justin
Top achievements
Rank 1
answered on 07 Feb 2017, 07:29 PM
Hi Claudio,

 

I struggled with this too.  The solution took a while to figure out, but fortunately it's not that big of a deal in the end.  Call the 'replaceMobileDropdownList' function from the 'init' event handler for your view.  Can't vouch for what other kendo widgets will have the data-role['popup'] attribute that might be affected by this....my view just had some dropdown lists.

 
// Replaces the 'mobile' version of a drop down list with the 'desktop' version
replaceMobileDropdownList:function(){
    var popups = $("body").find("div[data-role='popup']");
    // bind open event
    $.each(popups, function(i,element){
        $(element).data("kendoPopup").bind("open", function(e) {
            var w = $(e.sender.wrapper);
            w.switchClass("km-popup km-widget", "k-popup k-widget",0);
        });
    });
}, 
0
Robert
Top achievements
Rank 2
answered on 10 Mar 2017, 03:24 PM
Please give 3 votes for this feature if you want it: http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/4639192-make-picker-behavior-configurable-for-dropdownlist 
0
Robert
Top achievements
Rank 2
answered on 10 Mar 2017, 03:38 PM
@Justin: Your solution works perfectly!  Thank you.  
0
Justin
Top achievements
Rank 1
answered on 02 Apr 2019, 12:10 PM

Hi Robert - 

Been a couple years now, but glad to hear it worked!!

Justin

Tags
DropDownList
Asked by
Claudio
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Kiril Nikolov
Telerik team
Marlon
Top achievements
Rank 1
Justin
Top achievements
Rank 1
Robert
Top achievements
Rank 2
Share this question
or