We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Vertical Scrollbar hides part of the diagram - how to avoid?


Watch the attached video.
As you can see the vertical scrollbar hides a small portion of the right side of the diagram.
This is somewhat annoying.
Is there some way to avoid this?

Thanks for any advice.


Attachment: Syncfusion__Vertical_Scrollbar_covers_part_of_the_diagram__how_to_avoid__26nov2016_dc8d4e2d.zip

4 Replies

SG Shyam G Syncfusion Team November 28, 2016 12:46 PM UTC

Hi Jim, 

If we set a scrollLimit as diagram, the diagram can be moved within the diagram view(based on diagram width). To resolve your reported issue, please set a diagram’s scrollLimit as Infinity or multiplePage as true. Please refer to the code example below. 

Code example: 


Shyam G 

JJ Jim Jacobs November 28, 2016 01:48 PM UTC

Hi Shyam,

I've tried the following 3 things, all without success (i.e., the vertical scrollbar continues to cover up the right side of the diagram):

//    pageSettings: { scrollLimit: ej.datavisualization.Diagram.ScrollLimit.Infinity }
//    pageSettings: { multiplePage: true }
$("#DiagramContent").ejDiagram({ enableAutoScroll: false });
Is there any way to turn off the scrollbar altogether?
I can enable scrolling on the containing control.
That would actually be preferable, so I'm hoping you can show me how to turn the scrollbars off.



JJ Jim Jacobs December 6, 2016 03:55 PM UTC


Any further suggestions?
I realize I've been keeping you busy with incidents, but I'd still like to be able to get rid of the scrollbars.

Thanks for any ideas.


KR Kameshwaran R Syncfusion Team December 8, 2016 10:48 AM UTC

Hi Jim, 
We have rendered the scroll bar inside the diagram area. So only the scroll bar hides the node. Please add padding to scroll settings to resolve your reported issue. 
Code snippet: 
                scrollSettings: { 
                    padding: { 
                        left: 0, right: 18, // 18 is the width of the horizontal scroll bar  
                        top: 10, bottom: 10 
Kameshwaran R. 

Live Chat Icon For mobile
Up arrow icon