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

ContextMenu closing problem

1 Answer 68 Views

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

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>

<html xmlns="http://www.w3.org/1999/xhtml">

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

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

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.