diff --git a/aspnet/Diagram/Connector.md b/aspnet/Diagram/Connector.md
index b5be45a25..53f4c0d18 100644
--- a/aspnet/Diagram/Connector.md
+++ b/aspnet/Diagram/Connector.md
@@ -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.
 
@@ -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").
\ No newline at end of file
+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").
\ No newline at end of file
diff --git a/aspnet/Diagram/Node.md b/aspnet/Diagram/Node.md
index 835101caa..0390e7300 100644
--- a/aspnet/Diagram/Node.md
+++ b/aspnet/Diagram/Node.md
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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.
 
@@ -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").