I was wondering if there is a way to manipulate the dropdownlist popup in order to make it behave like a modal that is centered on the screen? I really like how on the Android Chrome browser, an HTML select element pops up a modal that takes up the whole screen and allows the user to make a choice when it is activated. Is there any way I can duplicate this kind of functionality on a kendo dropdownlist?
2 Answers, 1 is accepted
0
0
Mike
Top achievements
Rank 1
Rank 1
answered on 09 Oct 2013, 09:46 PM
Thanks nikobellic, that's a very unique approach that I hadn't thought of.
I was hoping for a way to put only the list items in the modal, but keep the dropdownlist on the page behind the modal. The problem I'm running into, is that even when I hook into the "open" event, there is a wrapping element Kendo puts around the list items with a class of k-animation-container that I can't access with jquery in that event for some reason and if I just put the k-list-container element in the modal, I can't position it on the page because of the wrapping element.
Any ideas?
I was hoping for a way to put only the list items in the modal, but keep the dropdownlist on the page behind the modal. The problem I'm running into, is that even when I hook into the "open" event, there is a wrapping element Kendo puts around the list items with a class of k-animation-container that I can't access with jquery in that event for some reason and if I just put the k-list-container element in the modal, I can't position it on the page because of the wrapping element.
Any ideas?