How to set popupCollision configuration property of Kendo Menu using Asp.Net Mvc HtmlHelper?

[Suraj]

The example for Kendo Menu documentation here sets the popupCollision property in Javascript. How can this property be set using Asp.Net MVC HtmlHelpers for Kendo Menu?

[Dimo]

Hello Suraj,

Please use the following approach:

@(Html.Kendo().Menu()
    .Name("Menu")
)

<script>

$(function () {
    var menu = $("#Menu").data("kendoMenu");
    menu.setOptions({ popupCollision: false });
});

</script>

The above code will apply the customization before any Menu item is opened, i.e. before the Menu popups are initialized.

Actually, this property should be present for the MVC wrapper too. We have added it and changes will take effect in the next internal and official Kendo UI builds. Thank you for bringing this issue to our attention.

Regards,
Dimo
Telerik