I have a vertical oriented menu with a height of 100%. Is it possible to set the height of the submenu to 100%? Or does this involve changing the rendering template within the kendo.ui.menu.js? I tried to set the following css classes, without success:
Although the 100% height styles, which you have set currently, do not work for two different reasons (see below), I must point out that using the k-animation-container and k-popup classes globally in the shown way is able to break all Kendo UI popups on the page or in your application.
Regarding your use case, please review the following example.
1. You are trying to override inline height styles with external height styles without using "!important".
2. A percentage height requires an explicit height set to the parent element (Menu item), which is not set in this case.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!