Auto scroll of page (to the left and down) on drag of nodes beyond the page border is not working.

Thread ID:	Created:	Updated:	Platform:	Replies:
147332	Sep 6,2019 08:05 AM UTC	Sep 10,2019 05:09 AM UTC	React - EJ 2	3

Subscribe to this post

Tags: Diagram

Sudhanshu Jain

Asked On September 6, 2019 08:05 AM UTC

Hi ,

Below is the issue and expected output,

Issue: When we drag the node or connector beyond the page border on to the left or to the bottom, page is not getting auto scrolled.

In the documentation preview also the scroll is not working to the left and bottom of the page.

Expected output: Page should be automatically scrolled on drag of nodes/connectors beyond the page borders.

Please let me know if there is any solution achieve the expected output.

Thanks

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On September 9, 2019 05:24 AM UTC

Hi Sudhanshu Jain,

Please use scrollSettings canAutoScroll property to achieve your requirement. Please refer to an code example and sample below.

Code example:

<DiagramComponent

scrollSettings={{

//autoscroll of a page on drag of nodes beyond the page border/diagram view

canAutoScroll: true

}} />

Sample: https://stackblitz.com/edit/react-wgi5kf?file=index.js

Regards,

Shyam G

Reply | Reply with quote

Sudhanshu Jain

Replied On September 9, 2019 06:32 AM UTC

Thanks Shyam,

We are able to achieve auto scroll using the solution you have provided.

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On September 10, 2019 05:09 AM UTC

Hi Sudhanshu Jain,

Thanks for your update.

Regards,

Shyam G

Reply | Reply with quote

CONTACT US

CONTACT US