• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Scrolling in ASP.NET MVC Diagram Control

This example illustrates how to scroll a diagram using vertical and horizontal scrollbars. The scroll limit property helps limit the scrolling area.

DEMO
SOURCE
Properties
Scroll Limit
Scrollable Area
X
Y
Width
Height
Enable AutoScroll
AutoScroll border
Left
Top
Right
Bottom

The scroll limit allows you to define the scrollable region of the Diagram while scrolling the page with a mouse.

The scrollSettings scrollLimit property allows you to define the scrollable region of a Diagram. You may scroll inside the designated region if the scrollLimit is set to limited. When the scrollLimit is set to Diagram, you can scroll within the Diagram content. When the scrollLimit is set to Infinity, it allows infinite scrolling.

The scrollSettings autoScrollBorder property is used to specify the distance from the edge of a control at which auto-scrolling should occur.


Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE