Animation for MVC wrapper for KendoUI Menu

[Sam]

good morning everyone,

i am currently trying to setup a menu using the MVC wrapper for KendoUI menu and having some difficulty trying to setup the Animation part.

The animation method is overloaded.  I know one of them i pass in a boolean but the other one, not sure how to use that one.  Right now, I have:

@(Html.Kendo().Menu()
                .Name("mainMenu")
                .Animation(true) ) 


But i want to be able to customize the setup of the animation of the menu like how the regular KendoUI Menu can, using the 2nd overloaded Animation method:

var $mainMenu = $('#mainMenu');

        $mainMenu.kendoMenu({
            animation: 
            { 
                open: 
                { 
                    effects: "fadeIn slideIn:down"
                } 
            },
        });


There isn't any documentation or example of how to use the 2nd overloaded Animation method of the KendoUI MVC wrapper.  I am currently using the latest trial version of the Kendo UI Complete for ASP.NET MVC.

Thank you very much for you help.

[Petur Subev]

Hello Sam,

Basically to use the advanced overload of the Animation options you need to use lambda expressions and the so called fluent configuration. Such syntax is used in most of our demos.
Here is an example:

.Animation(c=>
  c.Open(op=>
      op.Duration(AnimationDuration.Slow)
  )
  .Close(close=>
      close.Zoom(ZoomDirection.Out).Duration(AnimationDuration.Fast)
  )
)

I hope this helps.

Kind regards,
Petur Subev
the Telerik team

[Sam]

yup, thank you very much Petur.

have a great day