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/Connector.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: Diagram
documentation: ug
---

# Connector
# Connector in ASP.NET Webforms Diagram

Connectors are objects used to create link between two points, nodes or ports to represent the relationships between them.

Expand Down Expand Up @@ -691,7 +691,7 @@ The following code example illustrates how to customize the appearance of the de
![customize the appearance of the decorator](Connector_images/Connector_img23.png)

## Interaction
Diagram allows to edit the connectors at runtime. To edit the connector segments at runtime, refer to [Connection Editing](/aspnet/Diagram/Interaction#connection-editing "Connection Editing").
Diagram allows to edit the connectors at runtime. To edit the connector segments at runtime, refer to [Connection Editing](/aspnet/diagram/interaction#connection-editing "Connection Editing").

## Constraints
The `Constraints` property of connector allows to enable/disable certain features of connectors. For more information about constraints, refer to [Connector Constraints](/aspnet/Diagram/Constraints#connectorconstraints "Connector Constraints").
The `Constraints` property of connector allows to enable/disable certain features of connectors. For more information about constraints, refer to [Connector Constraints](/aspnet/diagram/constraints#connectorconstraints "Connector Constraints").
22 changes: 11 additions & 11 deletions aspnet/Diagram/Node.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@ control: Diagram
documentation: ug
---

# Node
# Node in ASP.NET Webforms Diagram

Nodes are graphical object that represent visual data to be placed on the page.

![Diagram node](/aspnet/Diagram/Node_images/Node_img1.png)
![Diagram node](Node_images/Node_img1.png)

## Create Node

Expand All @@ -34,7 +34,7 @@ To create a node, You have to create the node tag and add that to `Nodes` collec

{% endhighlight %}

![add a node to the Diagram](/aspnet/Diagram/Node_images/Node_img2.png)
![add a node to the Diagram](Node_images/Node_img2.png)

### Add node at runtime

Expand Down Expand Up @@ -62,7 +62,7 @@ Nodes can be added at runtime by using public method, `add`. The following code

{% endhighlight %}

![add a node at run time](/aspnet/Diagram/Node_images/Node_img3.png)
![add a node at run time](Node_images/Node_img3.png)

### Add node from palette

Expand Down Expand Up @@ -120,7 +120,7 @@ The following code illustrates how to change the `Pivot` value.

{% endhighlight %}

![pivot relates offset values with node boundaries](/aspnet/Diagram/Node_images/Node_img4.png)
![pivot relates offset values with node boundaries](Node_images/Node_img4.png)

## Types

Expand All @@ -142,7 +142,7 @@ You can customize the appearance of a node by changing its fill colors, patterns

{% endhighlight %}

![customize the appearance of the shape](/aspnet/Diagram/Node_images/Node_img5.png)
![customize the appearance of the shape](Node_images/Node_img5.png)

### Gradient

Expand Down Expand Up @@ -205,7 +205,7 @@ The `Gradient` property of Node allows you to define and applies the gradient ef

{% endhighlight %}

![the gradient effect to that node](/aspnet/Diagram/Node_images/Node_img6.png)
![the gradient effect to that node](Node_images/Node_img6.png)

## Shadow

Expand All @@ -225,7 +225,7 @@ The `Gradient` property of Node allows you to define and applies the gradient ef
{% endhighlight %}


![add shadow effect to a node](/aspnet/Diagram/Node_images/Node_img7.png)
![add shadow effect to a node](Node_images/Node_img7.png)

The following code illustrates how to disable shadow effect at runtime.

Expand Down Expand Up @@ -261,12 +261,12 @@ The angle, translation, and opacity of the Shadow can be customized with the `Sh

{% endhighlight %}

![customize shadow](/aspnet/Diagram/Node_images/Node_img8.png)
![customize shadow](Node_images/Node_img8.png)

## Interaction

Diagram provides support to drag, resize, or rotate the node interactively. For more information about editing a node at runtime, refer to [Edit Nodes](/aspnet/Diagram/Interaction "Interaction").
Diagram provides support to drag, resize, or rotate the node interactively. For more information about editing a node at runtime, refer to [Edit Nodes](/aspnet/diagram/interaction "Interaction").

## Constraints

The `Constraints` property of node allows you to enable/disable certain features. For more information about node constraints, refer to [Node Constraints](/aspnet/Diagram/Constraints#NodeConstraints "Node Constraints").
The `Constraints` property of node allows you to enable/disable certain features. For more information about node constraints, refer to [Node Constraints](/aspnet/diagram/constraints#NodeConstraints "Node Constraints").