Kendo Mobile Modalview Animation

4 posts, 0 answers
  1. Joe
    Joe avatar
    4 posts
    Member since:
    Oct 2012

    Posted 11 Nov 2012 Link to this post

    Is there a way to change the default 200ms fade:in modal view animation or disable it entirely? I tried manually setting the kendoMobileModalView's shim options but to no avail.
    function btnShowModalView_Click(e) {
       var mv = $("#mvComposer").data("kendoMobileModalView");
       //look under the hood of kendoMobileModalView
       //console.log(mv);
       mv.shim.options.duration = 200;
       mv.shim.options.effect = "slide:up";
       mv.open();
    }
  2.
  3. Przemek
    Przemek avatar
    2 posts
    Member since:
    Mar 2013

    Posted 18 Mar 2013 Link to this post

    Dear Kendo Team,

    I am also interested in changing a default transition for a modalView. Is there any way to achieve it? Any answer (yes/no) will be helpful and will prevent my team from looking around Kendo trying to solve the problem.

    Thank you in advance for your assistance.

    Regards,
    Przemek
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 19 Mar 2013 Link to this post

    Hi guys,

    I am afraid at present Kendo UI Mobile ModalView does not expose such a property and there is no suitable workaround I can suggest. We will appreciate it if you submit this idea as a feature request at our UserVoice portal - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementation for future versions of the framework. Thank you in advance.

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Plamen Ratchev
    Plamen Ratchev avatar
    15 posts
    Member since:
    May 2009

    Posted 15 Nov 2013 Link to this post

    Actually this is possible (had to dig deeper in the kendo JS code). So the correct code looks something like this
    function btnShowModalView_Click(e) {
       var mv = $("#mvComposer").data("kendoMobileModalView");
     
       mv.shim.popup.options.animation.open.duration = 400;       
       mv.shim.popup.options.animation.open.effects = "slideIn:up";
       mv.shim.popup.options.animation.close.duration = 400;  
        
       mv.open();
    }
    Hope this helps!

    Plamen Ratchev
  8.
Back to Top