diff --git a/aspnet/Diagram/Commands.md b/aspnet/Diagram/Commands.md index 12b402ecd..e3cd580e7 100644 --- a/aspnet/Diagram/Commands.md +++ b/aspnet/Diagram/Commands.md @@ -1,13 +1,13 @@ --- layout: post title: Commands | Diagram | ASP.NET Webform | Syncfusion -description: This section explains how to explore and use the built-in commands in the Diagram control. +description: Learn here about commands support in Syncfusion Essential ASP.NET Webforms Diagram Control, its elements, and more. platform: aspnet control: Diagram documentation: ug --- -# Commands +# Commands in ASP.NET Webforms Diagram There are several commands available in the Diagram as follows. @@ -257,7 +257,7 @@ The corresponding arrow keys are used to move the selected elements towards up, Nudge commands are particularly useful for accurate placement of elements. -For more information, refer to [Keyboard Interaction](/js/Diagram/Interaction#keyboard "Keyboard Interaction"). +For more information, refer to [Keyboard Interaction](/js/diagram/interaction#keyboard "Keyboard Interaction"). ## BringIntoView diff --git a/aspnet/Diagram/Getting-Started.md b/aspnet/Diagram/Getting-Started.md index b52ef3368..4e5ead144 100644 --- a/aspnet/Diagram/Getting-Started.md +++ b/aspnet/Diagram/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post title: Getting-Started | Diagram | ASP.NET Webform | Syncfusion -description: Getting started walk through to create your first Flow Diagram and Organizational Chart Diagram. +description: Learn here about getting started with Syncfusion Essential ASP.NET Webforms Diagram Control, its elements, and more. platform: aspnet control: Diagram documentation: ug --- -# Getting Started +# Getting Started with ASP.NET Webforms Diagram This section explains briefly you on how to create a Diagram in your application with ASP.NET. Getting started with your ASP.NET Diagram is very easy. You can start by creating a simple flow Chart. @@ -15,7 +15,7 @@ This section explains briefly you on how to create a Diagram in your application ### Initialize Diagram -1\. Create an ASP.NET Application and add necessary assemblies and Scripts by referring [ASP-Getting Started](http://help.syncfusion.com/aspnet/getting-started) Documentation. +1\. Create an ASP.NET Application and add necessary assemblies and Scripts by referring [ASP-Getting Started](https://help.syncfusion.com/aspnet/getting-started/manual-integration-of-syncfusion-aspnet-controls) Documentation. 2\. Create a Web Form named as Diagram and add the following template. @@ -46,7 +46,7 @@ This section explains briefly you on how to create a Diagram in your application 3\. This creates an empty diagram -![creates an empty diagram](/aspnet/Diagram/Getting-Started_images/Getting-Started_img1.png) +![creates an empty diagram](Getting-Started_images/Getting-Started_img1.png) #### Adding the List of Namespaces @@ -123,7 +123,7 @@ N> `Labels` property is an array, which indicates that more than one label can b Added node will be displayed in diagram as shown below. -![Added node displayed in diagram](/aspnet/Diagram/Getting-Started_images/Getting-Started_img2.png) +![Added node displayed in diagram](Getting-Started_images/Getting-Started_img2.png) ### Connect nodes @@ -191,7 +191,7 @@ Connect these two nodes by adding a `connector` into `Connectors` collection wit * `Connector` connects the two nodes as shown below. -![Connector connects the two nodes](/aspnet/Diagram/Getting-Started_images/Getting-Started_img3.png) +![Connector connects the two nodes](Getting-Started_images/Getting-Started_img3.png) * Default values for all connectors can be set using default settings. For example if all connectors have same 'Labels' appearance, we can move such properties into `DefaultSettings.Connector` by using below below code example. @@ -308,7 +308,7 @@ Similarly we can add required nodes and connectors to form a complete flow diagr Final flow chart will looks as shown below. -![Final flow chart](/aspnet/Diagram/Getting-Started_images/Getting-Started_img4.png) +![Final flow chart](Getting-Started_images/Getting-Started_img4.png) ## Automatic organization chart @@ -434,4 +434,4 @@ Following code examples indicate how to define the default appearance of node an * The Employee details are displayed in the Diagram as follows. -![Employee details are displayed in the Diagram](/aspnet/Diagram/Getting-Started_images/Getting-Started_img5.png) +![Employee details are displayed in the Diagram](Getting-Started_images/Getting-Started_img5.png)