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

DropDownList Popup as a Modal?

2 Answers 77 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Mike
Top achievements
Rank 1
Mike asked on 09 Oct 2013, 04:44 PM
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

Sort by
0
Ignacio
Top achievements
Rank 1
answered on 09 Oct 2013, 08:40 PM
Consider this just a proof of concept.
It could probably use some refinement.

Hope it helps.
0
Mike
Top achievements
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?
Tags
DropDownList
Asked by
Mike
Top achievements
Rank 1
Answers by
Ignacio
Top achievements
Rank 1
Mike
Top achievements
Rank 1
Share this question
or