We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

Disable Pivot scroll

Closed
Massimo asked on October 2, 2020

Hello,
I need to disable Pivot scroll, I tried with this
this.wheelListen = this.renderer.listen(this.pivotElement.nativeElement, 'wheel', (event) => {
   event.preventDefault();
   event.stopPropagation();
   event.stopImmediatePropagation();
});
It's work but not in all of pivot, the left part scroll.
Do you have any ideas?

Thanks 
Best regards

Attachments:
FlexmonsterScroll.PNG

2 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster October 5, 2020

Hello,
 
Thank you for contacting us.
 
To disable the possibility of scrolling the grid, we suggest adding the following CSS styling to the page:

#fm-pivot-view > div.fm-ui-element.fm-ui.fm-ui-container.fm-grid-view > div > div.fm-ui-element.fm-sheet-canvas.fm-data-sheet > div {
  overflow: hidden !important;
}

#fm-pivot-view > div.fm-ui-element.fm-ui.fm-ui-container.fm-grid-view > div > div.fm-ui-element.fm-sheet-canvas.fm-rows-sheet > div,
#fm-pivot-view > div.fm-ui-element.fm-ui.fm-ui-container.fm-grid-view > div > div.fm-ui-element.fm-sheet-canvas.fm-cols-sheet > div {
  pointer-events: none;
}

 
You are welcome to see the example we have prepared to demonstrate the described approach.
 
Please let us know if it works for your case.
Do not hesitate to contact us in case other questions arise.
 
Kind regards,
Illia

Public
Massimo October 5, 2020

Hello,
It's works.
 
Thanks a lot
Best regards

This question is now closed