In lightweight the issue is not observed:
<telerik:RadRibbonBar runat="server" RenderMode="Classic">
<Tabs>
<telerik:RibbonBarTab Text="home">
<%-- duplicate the group and items inside to replicate more easily --%>
<telerik:RibbonBarGroup Text="Documents">
<Items>
<telerik:RibbonBarButton Text="Item 1" />
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</Tabs>
</telerik:RadRibbonBar>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager runat="server" ID="rsm"></telerik:RadScriptManager>
<telerik:RadRibbonBar ID="RadRibbonBarTest" runat="server" Width="100%"
RenderMode="Lightweight"
EnableMinimizing="true"
RenderInactiveContextualTabGroups="False">
<telerik:RibbonBarTab Text="Main Tab">
<telerik:RibbonBarGroup Text="Operations">
<Items>
<telerik:RibbonBarMenu Size="Large" Text="New process"
ImageRenderingMode="Dual"
ID="RibbonBarMenuOptions" runat="server">
<Items>
<telerik:RibbonBarMenuItem Text="Parent 1">
<Items>
<telerik:RibbonBarMenuItem Text="Goto Google" NavigateUrl="https://www.google.com">
</telerik:RibbonBarMenuItem>
<telerik:RibbonBarMenuItem Text="Goto Telerik" NavigateUrl="https://www.telerik.com">
</telerik:RibbonBarMenuItem>
</Items>
</telerik:RibbonBarMenuItem>
</Items>
</telerik:RibbonBarMenu>
</Items>
</telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
</div>
</form>
</body>Workaround:
Telerik.Web.UI.RadToolBar.Views.Lite.prototype._repaint = function () {
this._updateItemsTextAndImage();
this._showAllHiddenItems();
if (this._owner.get_orientation() == Telerik.Web.UI.Orientation.Horizontal) {
this._responsiveCheck();
}
}
I have a lot of exceptions "This is an invalid webresource request" on URL: Url: http://localhost:28346/WebResource.axd?d=pA8zoJJ2yE9oO6Ia28y3ulqgm2EN3siWz944xQWIIGBXVpgk0BapHVTl4shvvFk6xNdt4LtiZSHEyXvbblVt01x0HwUwNQaOMxMWgBjtZYGpgc8UslSNdkbp6cUlZ40ejI7_lKB_ojLYUsqy5MqXRvXtaiUCAP9m7jUF4h8I34ewKZ8vyOpjWEbtWAuKDJ9m0&t=635173510100000000 I decoded content of url: Telerik.Web.UI.Skins|Telerik.Web.UI.Skins.Web20.Common.radGradientListSprite.png Probably there is no radGradientListSprite.png for Web20 skin inside dll file. Could you check it? Regards...
Workaround: using the following handler for the OnClientLoad event of the RibbonBar
<script>
function OnClientLoad(sender, args) {
var oldHide = sender._hideMenus;
sender._hideMenus = function () {
var ribbonBar = this,
visibleMenus = $telerik.$(sender.get_element()).find("." + ribbonBar._cssClasses._rrbMenuGroupOut).filter(":visible").get();
for (i = 0, len = visibleMenus.length; i < len; i++) {
var menu = visibleMenus[i];
menu._button.removeClass("rrbExpanded");
}
oldHide.call(this)
}
}
</script>
KeyboardNavigationSetting property Activated does not work, when set to True: - JavaScript error thrown when KeyboardNavigationSetting Activated is set to true in Classic render mode. - Nothing happens in Lightweight render mode.
For the time being you can use the ApplicationMenu withing the RadRibbonBar control.