Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions aspnet/Diagram/Commands.md
Original file line number Diff line number Diff line change
@@ -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.

Expand Down Expand Up @@ -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

Expand Down
16 changes: 8 additions & 8 deletions aspnet/Diagram/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
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.

## Flow Diagram

### 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.

Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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)