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

Example of Scrolling in ASP.NET Core 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 Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE