DropDownList Popup as a Modal?

3 posts, 0 answers
  1. Mike
    Mike avatar
    5 posts
    Member since:
    Dec 2012

    Posted 09 Oct 2013 Link to this post

    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. nikobellic
    nikobellic avatar
    46 posts
    Member since:
    Feb 2013

    Posted 09 Oct 2013 Link to this post

    Consider this just a proof of concept.
    It could probably use some refinement.

    Hope it helps.
  3. Kendo UI is VS 2017 Ready
  4. Mike
    Mike avatar
    5 posts
    Member since:
    Dec 2012

    Posted 09 Oct 2013 Link to this post

    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?
Back to Top