Mousewheel Zooming without pressing CTRL

[Manuel]

Hi,

i'd like to zoom in / out by using the mouse wheel
without the need to press CTRL or any other control key.

Is there any option to do this?

Regards

Manuel

[Shyam G]

Hi Manuel, 

 

We should bind the onmousewheel event for the diagram parent div element to perform zooming by using the mousewheel without pressing ctrl key. Please refer to a code example below. 

 

Code example: 

  

<div style="width:1000px;height:1000px"  @onmousewheel="@Mousewheel">      

 

<EjsDiagram @ref="@diagram" Width="100%" Height="100%" Nodes="NodeCollection" Connectors="ConnectorCollection"> </EjsDiagram>  

</div> 

 

public void Mousewheel(WheelEventArgs args)
    {
        if(args.DeltaY < 1)
        { 

//zoom in the diagram
            diagram.ZoomTo(new ZoomOptions() { Type = ZoomTypes.ZoomIn });
        }
        else
        { 

//zoom out the diagram
            diagram.ZoomTo(new ZoomOptions() { Type = ZoomTypes.ZoomOut });
        }
    } 

 

 

 

Regards, 

Shyam G 

[Manuel]

Thank you very much, this works. :)

[Shyam G]

Hi Manuel, 

Thanks for your update. 

Regards, 

Shyam G