(UTC)
  The MindFusion Forums › Flow Diagramming Components › Html Canvas & JavaScript › scrollwheel Zooming/disabling scrollbars
(Moderator: Slavcho)
‹ Previous Topic | Next Topic ›
Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic scrollwheel Zooming/disabling scrollbars (Read 1623 times)
Liam
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 3
Joined: Jan 21st, 2022
scrollwheel Zooming/disabling scrollbars
Mar 1st, 2022 at 9:11am
Print Post  
Hi

we have recently moved over to using the NPM version of mindfusion.
I am trying to reimplement a feature we had where the user could zoom in and out using the scroll wheel.
we had previously done this with changes to the Mindfusion Source.

How would we go about disabling and/or removing the scroll bars on the Diagram?
we already have code that handles the zooming, However it also activates the scroll at the same time.

Thanks,
Liam
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3153
Joined: Oct 19th, 2005
Re: scrollwheel Zooming/disabling scrollbars
Reply #1 - Mar 1st, 2022 at 9:30am
Print Post  
Hi,

There's built-in support for mouse wheel zoom now, set DiagramView.mouseWheelAction = MouseWheelAction.Zoom to enable it. Set it to None and handle Events.mouseWheel if you prefer using custom code.

Try this CSS for hiding the scrollbars -

Code
Select All
.mf_diagram_scrollerH,
.mf_diagram_scrollerV
{
	visibility: hidden !important;
}


Regards,
Slavcho
Mindfusion
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint
‹ Previous Topic | Next Topic ›
 
  « Board Index ‹ Board Top  

The MindFusion Forums » Powered by YaBB 2.6.11!
YaBB Forum Software © 2000-2024. All Rights Reserved.

Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge