We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

TypeScript - Stop diagram context menu from opening involuntarily

Thread ID:





128927 Feb 16,2017 12:14 PM UTC Feb 20,2017 03:56 AM UTC JavaScript 3
Tags: ejDiagram
Gareth Brown
Asked On February 16, 2017 12:14 PM UTC

I have a TypeScript click event attached to a diagram which opens up a property dialog. However I've noticed the context menu on the diagram opens up, if the mouse pointer remains to hover over the node. Can I disable this from happening? This causes further when clicking on node connections, and if breaks the node links on either end. Maybe the focus is doing unintended things with diagram.

this.theDiagram =
    new ej.datavisualization.Diagram($("#diagram"), {
        pageSettings: {
            // Sets page size
            pageHeight: 1000,
            pageWidth: 600,
            // Customizes the appearance of page
            pageBorderWidth: 0,
            pageBackgroundColor: "transparent",
            pageBorderColor: "lightgray",
            pageMargin: 0,
            showPageBreak: false,
            multiplePage: false,
            pageOrientation: ej.datavisualization.Diagram.PageOrientations.Landscape,
            scrollLimit: ej.datavisualization.Diagram.ScrollLimit.Infinite
        enableContextMenu: true,
        scrollSettings: {
            horizontalOffset: 0,
            verticalOffset: 0
        nodes: [],
        connectors: [],
        click: (args) => { this.clickDiagram(args); }

public clickDiagram(clickEvent: ej.datavisualization.Diagram.ClickEventArgs): void {
    let nodedata: NodeData = clickEvent.element.class as NodeData;
    // open dialog

Attachment: Diagram_Dialog_Problems_52b78e2f.zip

Shyam G [Syncfusion]
Replied On February 17, 2017 08:59 AM UTC

Hi Gareth, 

When we long click the left mouse button, the taphold event raises and the context menu appears. This is a default behaviour. So please unbind the taphold event to resolve your reported issue. please refer to the code example and sample below. 

Code example: 
Var  obj = $("#diagram_contextMenu").ejMenu("instance"); 
//unbind the taphold event to acheive your requirement. 
obj._off($("#diagram_canvas"), "taphold"); 

Note: In the code $("#diagram_contextMenu")”, diagram is an control ID. 

Shyam G 

Gareth Brown
Replied On February 17, 2017 10:43 AM UTC

Thanks, that works as expected now.

Shyam G [Syncfusion]
Replied On February 20, 2017 03:56 AM UTC

Hi Gareth, 
We are happy to hear that your problem is resolved. 
Shyam G 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon