Kendo Mobile Modalview Animation

[Joe]

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();

}

[Przemek]

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

[Iliana Dyankova]

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

[Plamen Ratchev]

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