Unplanned
Last Updated: 07 Jun 2021 13:36 by ADMIN
Created by: Alejandro Genovesi
Comments: 1
Category: RibbonBar
Type: Bug Report
1
I have a RadRibbonBar with a RibbonBarMenu that contains a hierarchical menu item structure.

When clicking on an item (Parent, the main menu button is pressed and I have no way to make it return to the normal state.

The NavigateURL of the parent item is null (And even if it was not null, it still leaves me with the unusable RibbonBarMenu)

Here my code:

<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>

Unplanned
Last Updated: 03 Jul 2020 11:58 by ADMIN

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>

Unplanned
Last Updated: 17 Jul 2018 15:05 by ADMIN
ADMIN
Created by: Peter Milchev
Comments: 0
Category: RibbonBar
Type: Bug Report
0
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>