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

Example of Visio in ASP.NET Core Diagram Control

This sample demonstrates how to import and export Visio diagrams using the Syncfusion® ASP.NET Core Diagram. Any Visio file (.vsdx) can be imported to visualize and edit workflows, and the customized diagram can then be exported back to Visio format (.vsdx) for seamless collaboration and interoperability.

NOTE: This feature is currently experimental. Some functionalities may be limited or may not work as expected. We welcome you to try it out and share your feedback as we continue to refine and improve it.

DEMO
SOURCE

The Visio file (.vsdx) can be imported through the "Import Visio" option in the toolbar using the importFromVisio method, and the customized file can be exported back to Visio format (.vsdx) through the "Export as Visio" option in the toolbar using the exportToVisio method. Once the file is imported, elements on the canvas can be edited using features such as Cut, Copy, Paste, Drag, Resize, Delete, Draw Connectors and Shapes, Undo, Redo, and other advanced options for complete customization.
Toast notifications are displayed during Visio file import and export operations to indicate statuses such as started, completed, or failed, using events like diagramImporting and diagramExporting.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab