Hello!
is there anyway possible that users could use the Mouse wheel for scrolling/navigation within the webpart instead of zoom?
Hello!
is there anyway possible that users could use the Mouse wheel for scrolling/navigation within the webpart instead of zoom?
Hello @Jeniffer_Rivera,
You can use the following code for that:
api.onInitialLoadingFinished(() => {
const panElement = api._panZoomManager._panElement;
panElement.parentElement.removeEventListener("wheel", api._panZoomManager._wheelEventHandler);
panElement.parentElement.addEventListener("wheel", (event) => {
event.preventDefault();
const currentPan = api._panZoomManager._panZoomInstance.getPan();
if(event.deltaX != 0) {
api._panZoomManager.pan(currentPan.x - event.deltaX, currentPan.y);
} else if((event.shiftKey && event.deltaY != 0)) {
api._panZoomManager.pan(currentPan.x - event.deltaY, currentPan.y);
} else if(!event.shiftKey && event.deltaY != 0) {
api._panZoomManager.pan(currentPan.x, currentPan.y - event.deltaY);
}
});
});