|
1 | 1 | --- |
2 | 2 | layout: post |
3 | 3 | title: Getting-Started | Diagram | ASP.NET Webform | Syncfusion |
4 | | -description: Getting started walk through to create your first Flow Diagram and Organizational Chart Diagram. |
| 4 | +description: Learn here about getting started with Syncfusion Essential ASP.NET Webforms Diagram Control, its elements, and more. |
5 | 5 | platform: aspnet |
6 | 6 | control: Diagram |
7 | 7 | documentation: ug |
8 | 8 | --- |
9 | 9 |
|
10 | | -# Getting Started |
| 10 | +# Getting Started with ASP.NET Webforms Diagram |
11 | 11 |
|
12 | 12 | 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. |
13 | 13 |
|
14 | 14 | ## Flow Diagram |
15 | 15 |
|
16 | 16 | ### Initialize Diagram |
17 | 17 |
|
18 | | -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. |
| 18 | +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. |
19 | 19 |
|
20 | 20 | 2\. Create a Web Form named as Diagram and add the following template. |
21 | 21 |
|
@@ -46,7 +46,7 @@ This section explains briefly you on how to create a Diagram in your application |
46 | 46 |
|
47 | 47 | 3\. This creates an empty diagram |
48 | 48 |
|
49 | | - |
| 49 | + |
50 | 50 |
|
51 | 51 |
|
52 | 52 | #### Adding the List of Namespaces |
@@ -123,7 +123,7 @@ N> `Labels` property is an array, which indicates that more than one label can b |
123 | 123 |
|
124 | 124 | Added node will be displayed in diagram as shown below. |
125 | 125 |
|
126 | | - |
| 126 | + |
127 | 127 |
|
128 | 128 | ### Connect nodes |
129 | 129 |
|
@@ -191,7 +191,7 @@ Connect these two nodes by adding a `connector` into `Connectors` collection wit |
191 | 191 |
|
192 | 192 | * `Connector` connects the two nodes as shown below. |
193 | 193 |
|
194 | | - |
| 194 | + |
195 | 195 |
|
196 | 196 | * 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. |
197 | 197 |
|
@@ -308,7 +308,7 @@ Similarly we can add required nodes and connectors to form a complete flow diagr |
308 | 308 |
|
309 | 309 | Final flow chart will looks as shown below. |
310 | 310 |
|
311 | | - |
| 311 | + |
312 | 312 |
|
313 | 313 | ## Automatic organization chart |
314 | 314 |
|
@@ -434,4 +434,4 @@ Following code examples indicate how to define the default appearance of node an |
434 | 434 |
|
435 | 435 | * The Employee details are displayed in the Diagram as follows. |
436 | 436 |
|
437 | | - |
| 437 | + |
0 commit comments