[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
    Getting Started
   [Collapse]Diagram Control
     Diagram Designer
     Shapes Panel
     Properties Panel
     Bottom Panel
     Page Setup Dialog Window
     Print Preview
     Creating Runtime Diagram Designer
     Pan and Zoom Panel
   [Expand]End-User Interaction
   [Expand]Diagram Items
   [Expand]Automatic Layout
   [Expand]Data Binding Functionality
    Themes and Styles
    Printing and Exporting
    Saving and Loading Diagrams
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Pan and Zoom Panel

The Pan and Zoom panel is used to navigate large and complex diagrams.

The blue box indicates the area that is shown in the viewport. End users can resize the blue box, or move it by clicking within the panel or dragging the box. They can also drag a rectangle on the panel to zoom an area.

End users can use the Panes menu on the View Ribbon page to invoke the panel.

The following table lists the main customization options:

Characteristics Members
Visibility DiagramOptionsView.ShowPanAndZoomPanel
Zoom functionality DiagramOptionsProtection.AllowZoom

There are two ways to add a separate Pan and Zoom panel to your application.

  1. Switch to the Designer view. Select the diagram and invoke its smart tag. Click the Create Pan and Zoom panel item and designer will automatically generate a PanAndZoomDockPanel that contains a DiagramPanAndZoomControl.

  2. To add a DiagramPanAndZoomControl without a PanAndZoomDockPanel, drag a DiagramPanAndZoomControl item from the Visual Studio toolbox onto the form and assign it as the DiagramControl.PanAndZoom property value.

Is this topic helpful?​​​​​​​