This is a migrated thread and some comments may be shown as answers.

ContextMenu closing problem

1 Answer 43 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Andreas
Top achievements
Rank 1
Andreas asked on 24 May 2013, 04:38 AM
Hi,

This is not a big issue, but is a little bit irritating...
When clicking an item of a contextmenu, it closes automatically, this is ok for most items.
But when clicking an item that has subitems I didn't expect it to close automatically. Some users has a habit to click to expand even if they don't have to (hover expands)...
Also when clicking on separators it closes, didn't expect that either...

Example:
<!DOCTYPE html>
 
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <div>
            <telerik:RadContextMenu runat="server" ID="ctx">
                <Targets>
                    <telerik:ContextMenuElementTarget ElementID="test" />
                </Targets>
                <Items>
                    <telerik:RadMenuItem Text="Item 1" />
                    <telerik:RadMenuItem Text="Item 2" />
                    <telerik:RadMenuItem IsSeparator="true" />
                    <telerik:RadMenuItem Text="Item 3" />
                    <telerik:RadMenuItem Text="Item 4">
                        <Items>
                            <telerik:RadMenuItem Text="Item 5" />
                            <telerik:RadMenuItem Text="Item 6" />
                        </Items>
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadContextMenu>
            <div id="test" style="width: 300px; height: 300px; background-color: red">
                Right click here!
            </div>
        </div>
    </form>
</body>
</html>
I don't think it should close when clicking on "Item 4" or when clicking on the separator!

Regards
Caesar

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 28 May 2013, 02:48 PM
Hello,

Thank you for contacting Telerik Support.

An easy and convenient way of achieving such functionality would be to use the the RadContextMenu ClientHiding client-side event and cancel it based on some custom condition.
//markup code
<telerik:RadContextMenu ID="radContextMenu1" runat="server" OnClientHiding="ClientHiding"></telerik:RadContextMenu>

//JavaScript

function ClientHiding(sender, args) {
    if (/*some custom condition goes here */) {
        args.set_cancel(true);
    }
}

Regards,
Boyan Dimitrov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Menu
Asked by
Andreas
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or