diff --git a/wpf-toc.html b/wpf-toc.html
index 0be863d74e..ffa0c2d4f5 100644
--- a/wpf-toc.html
+++ b/wpf-toc.html
@@ -2455,7 +2455,7 @@
     </li>
    <li>
         Release Notes
-        <ul><li>2024 Volume 2 - v26.*<ul><li><a href="/wpf/release-notes/v26.1.35">v26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - v25.*<ul><li>Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v25.2.7">v25.2.7</a></li><li><a href="/wpf/release-notes/v25.2.6">v25.2.6</a></li><li><a href="/wpf/release-notes/v25.2.5">v25.2.5</a></li><li><a href="/wpf/release-notes/v25.2.4">v25.2.4</a></li><li><a href="/wpf/release-notes/v25.1.42">v25.1.42</a></li><li><a href="/wpf/release-notes/v25.1.41">v25.1.41</a></li><li><a href="/wpf/release-notes/v25.1.40">v25.1.40</a></li><li><a href="/wpf/release-notes/v25.1.39">v25.1.39</a></li><li><a href="/wpf/release-notes/v25.1.38">v25.1.38</a></li><li><a href="/wpf/release-notes/v25.1.37">v25.1.37</a></li></ul></li><li><a href="/wpf/release-notes/v25.2.3">v25.2.3 Service Pack</a></li><li><a href="/wpf/release-notes/v25.1.35">v25.1.35 Main Release</a></li></ul></li><li>2023 Volume 4 - v24.*<ul><li>Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v24.2.9">v24.2.9</a></li><li><a href="/wpf/release-notes/v24.2.8">v24.2.8</a></li><li><a href="/wpf/release-notes/v24.2.7">v24.2.7</a></li><li><a href="/wpf/release-notes/v24.2.6">v24.2.6</a></li><li><a href="/wpf/release-notes/v24.2.5">v24.2.5</a></li><li><a href="/wpf/release-notes/v24.2.4">v24.2.4</a></li><li><a href="/wpf/release-notes/v24.1.47">v24.1.47</a></li><li><a href="/wpf/release-notes/v24.1.46">v24.1.46</a></li><li><a href="/wpf/release-notes/v24.1.46">v24.1.46</a></li><li><a href="/wpf/release-notes/v24.1.45">v24.1.45</a></li><li><a href="/wpf/release-notes/v24.1.44">v24.1.44</a></li><li><a href="/wpf/release-notes/v24.1.43">v24.1.43</a></li></ul></li><li><a href="/wpf/release-notes/v24.2.3">v24.2.3 Service Pack Release</a></li><li><a href="/wpf/release-notes/v24.1.41">v24.1.41 Main Release</a></li></ul></li><li>2023 Volume 3 - v23.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v23.2.7">v23.2.7</a></li><li><a href="/wpf/release-notes/v23.2.6">v23.2.6</a></li><li><a href="/wpf/release-notes/v23.2.5">v23.2.5</a></li><li><a href="/wpf/release-notes/v23.1.44">v23.1.44</a></li><li><a href="/wpf/release-notes/v23.1.43">v23.1.43</a></li><li><a href="/wpf/release-notes/v23.1.42">v23.1.42</a></li><li><a href="/wpf/release-notes/v23.1.41">v23.1.41</a></li><li><a href="/wpf/release-notes/v23.1.40">v23.1.40</a></li><li><a href="/wpf/release-notes/v23.1.39">v23.1.39</a></li><li><a href="/wpf/release-notes/v23.1.38">v23.1.38</a></li></ul></li><li><a href="/wpf/release-notes/v23.2.4">v23.2.4 Service Pack Release</a></li><li><a href="/wpf/release-notes/v23.1.36">v23.1.36 Main Release</a></li></ul></li><li>2023 Volume 2 - v22.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v22.2.12">v22.2.12</a></li><li><a href="/wpf/release-notes/v22.2.11">v22.2.11</a></li><li><a href="/wpf/release-notes/v22.2.10">v22.2.10</a></li><li><a href="/wpf/release-notes/v22.2.9">v22.2.9</a></li><li><a href="/wpf/release-notes/v22.2.8">v22.2.8</a></li><li><a href="/wpf/release-notes/v22.2.7">v22.2.7</a></li><li><a href="/wpf/release-notes/v22.1.39">v22.1.39</a></li><li><a href="/wpf/release-notes/v22.1.38">v22.1.38</a></li><li><a href="/wpf/release-notes/v22.1.37">v22.1.37</a></li><li><a href="/wpf/release-notes/v22.1.36">v22.1.36</a></li></ul></li><li><a href="/wpf/release-notes/v22.2.5">v22.2.5 Service Pack Release</a></li><li><a href="/wpf/release-notes/v22.1.34">v22.1.34 Main Release</a></li></ul></li>
+        <ul><li>2024 Volume 2 - v26.*<ul><li>Weekly Nuget Release<ul><li><a href="/wpf/release-notes/v26.1.38">v26.1.38</a></li></ul></li><li><a href="/wpf/release-notes/v26.1.35">v26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - v25.*<ul><li>Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v25.2.7">v25.2.7</a></li><li><a href="/wpf/release-notes/v25.2.6">v25.2.6</a></li><li><a href="/wpf/release-notes/v25.2.5">v25.2.5</a></li><li><a href="/wpf/release-notes/v25.2.4">v25.2.4</a></li><li><a href="/wpf/release-notes/v25.1.42">v25.1.42</a></li><li><a href="/wpf/release-notes/v25.1.41">v25.1.41</a></li><li><a href="/wpf/release-notes/v25.1.40">v25.1.40</a></li><li><a href="/wpf/release-notes/v25.1.39">v25.1.39</a></li><li><a href="/wpf/release-notes/v25.1.38">v25.1.38</a></li><li><a href="/wpf/release-notes/v25.1.37">v25.1.37</a></li></ul></li><li><a href="/wpf/release-notes/v25.2.3">v25.2.3 Service Pack</a></li><li><a href="/wpf/release-notes/v25.1.35">v25.1.35 Main Release</a></li></ul></li><li>2023 Volume 4 - v24.*<ul><li>Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v24.2.9">v24.2.9</a></li><li><a href="/wpf/release-notes/v24.2.8">v24.2.8</a></li><li><a href="/wpf/release-notes/v24.2.7">v24.2.7</a></li><li><a href="/wpf/release-notes/v24.2.6">v24.2.6</a></li><li><a href="/wpf/release-notes/v24.2.5">v24.2.5</a></li><li><a href="/wpf/release-notes/v24.2.4">v24.2.4</a></li><li><a href="/wpf/release-notes/v24.1.47">v24.1.47</a></li><li><a href="/wpf/release-notes/v24.1.46">v24.1.46</a></li><li><a href="/wpf/release-notes/v24.1.46">v24.1.46</a></li><li><a href="/wpf/release-notes/v24.1.45">v24.1.45</a></li><li><a href="/wpf/release-notes/v24.1.44">v24.1.44</a></li><li><a href="/wpf/release-notes/v24.1.43">v24.1.43</a></li></ul></li><li><a href="/wpf/release-notes/v24.2.3">v24.2.3 Service Pack Release</a></li><li><a href="/wpf/release-notes/v24.1.41">v24.1.41 Main Release</a></li></ul></li><li>2023 Volume 3 - v23.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v23.2.7">v23.2.7</a></li><li><a href="/wpf/release-notes/v23.2.6">v23.2.6</a></li><li><a href="/wpf/release-notes/v23.2.5">v23.2.5</a></li><li><a href="/wpf/release-notes/v23.1.44">v23.1.44</a></li><li><a href="/wpf/release-notes/v23.1.43">v23.1.43</a></li><li><a href="/wpf/release-notes/v23.1.42">v23.1.42</a></li><li><a href="/wpf/release-notes/v23.1.41">v23.1.41</a></li><li><a href="/wpf/release-notes/v23.1.40">v23.1.40</a></li><li><a href="/wpf/release-notes/v23.1.39">v23.1.39</a></li><li><a href="/wpf/release-notes/v23.1.38">v23.1.38</a></li></ul></li><li><a href="/wpf/release-notes/v23.2.4">v23.2.4 Service Pack Release</a></li><li><a href="/wpf/release-notes/v23.1.36">v23.1.36 Main Release</a></li></ul></li><li>2023 Volume 2 - v22.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v22.2.12">v22.2.12</a></li><li><a href="/wpf/release-notes/v22.2.11">v22.2.11</a></li><li><a href="/wpf/release-notes/v22.2.10">v22.2.10</a></li><li><a href="/wpf/release-notes/v22.2.9">v22.2.9</a></li><li><a href="/wpf/release-notes/v22.2.8">v22.2.8</a></li><li><a href="/wpf/release-notes/v22.2.7">v22.2.7</a></li><li><a href="/wpf/release-notes/v22.1.39">v22.1.39</a></li><li><a href="/wpf/release-notes/v22.1.38">v22.1.38</a></li><li><a href="/wpf/release-notes/v22.1.37">v22.1.37</a></li><li><a href="/wpf/release-notes/v22.1.36">v22.1.36</a></li></ul></li><li><a href="/wpf/release-notes/v22.2.5">v22.2.5 Service Pack Release</a></li><li><a href="/wpf/release-notes/v22.1.34">v22.1.34 Main Release</a></li></ul></li>
 		<li>2023 Volume 1 - v21.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v21.2.10">v21.2.10</a></li><li><a href="/wpf/release-notes/v21.2.9">v21.2.9</a></li><li><a href="/wpf/release-notes/v21.2.8">v21.2.8</a></li><li><a href="/wpf/release-notes/v21.2.6">v21.2.6</a></li><li><a href="/wpf/release-notes/v21.2.5">v21.2.5</a></li><li><a href="/wpf/release-notes/v21.2.4">v21.2.4</a></li><li><a href="/wpf/release-notes/v21.1.41">v21.1.41</a></li><li><a href="/wpf/release-notes/v21.1.39">v21.1.39</a></li><li><a href="/wpf/release-notes/v21.1.38">v21.1.38</a></li><li><a href="/wpf/release-notes/v21.1.37">v21.1.37</a></li></ul></li><li><a href="/wpf/release-notes/v21.2.3">v21.2.3 Service Pack Release</a></li><li><a href="/wpf/release-notes/v21.1.35">v21.1.35 Main Release</a></li></ul></li>
 		<li>2022 Volume 4 - v20.4.0.*<ul><li> Weekly Nuget Release <ul><li> <a href="/wpf/release-notes/v20.4.0.54">v20.4.0.54</a></li><li><a href="/wpf/release-notes/v20.4.0.53">v20.4.0.53</a></li><li><a href="/wpf/release-notes/v20.4.0.52">v20.4.0.52</a></li><li><a href="/wpf/release-notes/v20.4.0.51">v20.4.0.51</a></li><li><a href="/wpf/release-notes/v20.4.0.50">v20.4.0.50</a></li><li><a href="/wpf/release-notes/v20.4.0.49">v20.4.0.49</a></li><li><a href="/wpf/release-notes/v20.4.0.44">v20.4.0.44</a></li><li><a href="/wpf/release-notes/v20.4.0.43">v20.4.0.43</a></li><li><a href="/wpf/release-notes/v20.4.0.42">v20.4.0.42</a></li><li><a href="/wpf/release-notes/v20.4.0.41">v20.4.0.41</a></li><li><a href="/wpf/release-notes/v20.4.0.40">v20.4.0.40</a></li></ul></li><li><a href="/wpf/release-notes/v20.4.0.48">v20.4.0.48 Service Pack Release</a></li><li><a href="/wpf/release-notes/v20.4.0.38">v20.4.0.38 Main Release</a></li></ul></li><li>2022 Volume 3 - v20.3.0.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v20.3.0.61">v20.3.0.61</a></li><li><a href="/wpf/release-notes/v20.3.0.60">v20.3.0.60</a></li><li><a href="/wpf/release-notes/v20.3.0.59">v20.3.0.59</a></li><li><a href="/wpf/release-notes/v20.3.0.58">v20.3.0.58</a></li><li><a href="/wpf/release-notes/v20.3.0.57">v20.3.0.57</a></li><li><a href="/wpf/release-notes/v20.3.0.52">v20.3.0.52</a></li><li><a href="/wpf/release-notes/v20.3.0.50">v20.3.0.50</a></li><li><a href="/wpf/release-notes/v20.3.0.49">v20.3.0.49</a></li><li><a href="/wpf/release-notes/v20.3.0.48">v20.3.0.48</a></li></ul></li><li><a href="/wpf/release-notes/v20.3.0.56">v20.3.0.56 Service Pack Release</a></li><li><a href="/wpf/release-notes/v20.3.0.47">v20.3.0.47 Main Release</a></li></ul></li><li>2022 Volume 2 - v20.2.0.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v20.2.0.50">v20.2.0.50</a></li><li><a href="/wpf/release-notes/v20.2.0.49">v20.2.0.49</a></li><li><a href="/wpf/release-notes/v20.2.0.48">v20.2.0.48</a></li><li><a href="/wpf/release-notes/v20.2.0.46">v20.2.0.46</a></li><li><a href="/wpf/release-notes/v20.2.0.45">v20.2.0.45</a></li><li><a href="/wpf/release-notes/v20.2.0.44">v20.2.0.44</a></li><li><a href="/wpf/release-notes/v20.2.0.40">v20.2.0.40</a></li><li><a href="/wpf/release-notes/v20.2.0.39">v20.2.0.39</a></li><li><a href="/wpf/release-notes/v20.2.0.38">v20.2.0.38</a></li></ul></li><li><a href="/wpf/release-notes/v20.2.0.43">v20.2.0.43 Service Pack Release</a></li><li><a href="/wpf/release-notes/v20.2.0.36">v20.2.0.36 Main release</a></li></ul></li><li>2022 volume 1 - v20.1.0.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v20.1.0.61">v20.1.0.61</a></li><li><a href="/wpf/release-notes/v20.1.0.60">v20.1.0.60</a></li><li><a href="/wpf/release-notes/v20.1.0.59">v20.1.0.59</a></li><li><a href="/wpf/release-notes/v20.1.0.58">v20.1.0.58</a></li><li><a href="/wpf/release-notes/v20.1.0.57">v20.1.0.57</a></li><li><a href="/wpf/release-notes/v20.1.0.56">v20.1.0.56</a></li><li><a href="/wpf/release-notes/v20.1.0.52">v20.1.0.52</a></li><li><a href="/wpf/release-notes/v20.1.0.51">v20.1.0.51</a></li><li><a href="/wpf/release-notes/v20.1.0.50">v20.1.0.50</a></li><li><a href="/wpf/release-notes/v20.1.0.48">v20.1.0.48</a></li></ul></li><li><a href="/wpf/release-notes/v20.1.0.55">v20.1.0.55 Service Pack Release</a></li><li><a href="/wpf/release-notes/v20.1.0.47">v20.1.0.47 Main Release</a></li></ul></li>
 		<li>2021 Volume 4 - v19.4.0.*<ul><li> Weekly Nuget Release <ul><li><a href="/wpf/release-notes/v19.4.0.56">v19.4.0.56</a></li><li><a href="/wpf/release-notes/v19.4.0.55">v19.4.0.55</a></li><li><a href="/wpf/release-notes/v19.4.0.54">v19.4.0.54</a></li><li><a href="/wpf/release-notes/v19.4.0.53">v19.4.0.53</a></li><li><a href="/wpf/release-notes/v19.4.0.52">v19.4.0.52</a></li><li><a href="/wpf/release-notes/v19.4.0.50">v19.4.0.50</a></li><li><a href="/wpf/release-notes/v19.4.0.47">v19.4.0.47</a></li><li><a href="/wpf/release-notes/v19.4.0.43">v19.4.0.43</a></li><li><a href="/wpf/release-notes/v19.4.0.42">v19.4.0.42</a></li><li><a href="/wpf/release-notes/v19.4.0.41">v19.4.0.41</a></li><li><a href="/wpf/release-notes/v19.4.0.40">v19.4.0.40</a></li></ul></li><li><a href="/wpf/release-notes/v19.4.0.48">v19.4.0.48 Service Pack Release</a></li><li><a href="/wpf/release-notes/v19.4.0.38">v19.4.0.38 Main Release</a></li></ul></li>
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md b/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
index 7e2d0fb4e7..fb12c77a59 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
@@ -51,7 +51,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -97,7 +97,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -154,7 +154,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -201,7 +201,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -219,9 +219,8 @@ The following table contains various types of BPMN loops.
 
 ### Compensation
 
-Compensation is triggered when the operation is partially failed and enabled it with the compensation property in both task and the collapsed subprocess. To create a compensation, you have to enable the [IsCompensationActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCompensationActivity) property of the BpmnNodeViewModel.
+Compensation is triggered when the operation is partially failed and enabled it with the compensation property in both task and the collapsed subprocess. To create a compensation, you have to enable the [IsCompensationActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCompensationActivity) property of the BpmnNodeViewModel. By default, the IsCompensationActivity property is false.
 
->Note: By default, the IsCompensationActivity property is false.
 
 {% tabs %}
 {% highlight xaml %}
@@ -257,7 +256,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -266,9 +265,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 
 ### Call
 
-A Call activity is a global sub-process that is reused at various points of the business flow. To create a Call activity, you have to enable the [IsCallActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCallActivity) property of the BpmnNodeViewModel.
-
->Note: By default, the IsCallActivity property is false.
+A Call activity is a global sub-process that is reused at various points of the business flow. To create a Call activity, you have to enable the [IsCallActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCallActivity) property of the BpmnNodeViewModel. By default, the IsCallActivity property is false.
 
 {% tabs %}
 {% highlight xaml %}
@@ -304,7 +301,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -313,9 +310,8 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 
 ### Ad-Hoc
 
-An ad-hoc subprocess is a group of tasks that are executed in any order or skipped in order to fulfill the end condition. To create a ad-hoc activity, you have to enable the [`IsAdhocActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsAdhocActivity) property of the BpmnNodeViewModel. 
+An ad-hoc subprocess is a group of tasks that are executed in any order or skipped in order to fulfill the end condition. To create a ad-hoc activity, you have to enable the [`IsAdhocActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsAdhocActivity) property of the BpmnNodeViewModel. By default, the IsAdhocActivity property is false.
 
->Note: By default, the IsAdhocActivity property is false.
 
 {% tabs %}
 {% highlight xaml %}
@@ -351,7 +347,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -396,7 +392,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md b/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md
index 352df2f51b..18c203a6a2 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md
@@ -54,7 +54,7 @@ SfDiagram diagram = new SfDiagram();
     TargetPoint = new Point(200, 100)
  };
  // Add the BpmnFlowViewModel into the Connectors's collection.
-(Diagram.Connectors as GroupCollection).Add(flow);
+(Diagram.Connectors as ConnectorCollection).Add(flow);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -106,7 +106,7 @@ SfDiagram diagram = new SfDiagram();
     TargetPoint = new Point(200, 100)
  };
  // Add the BpmnFlowViewModel into the Connectors's collection.
-(Diagram.Connectors as GroupCollection).Add(flow);
+(Diagram.Connectors as ConnectorCollection).Add(flow);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -157,7 +157,7 @@ SfDiagram diagram = new SfDiagram();
     TargetPoint = new Point(200, 100)
  };
  // Add the BpmnFlowViewModel into the Connectors's collection.
-(Diagram.Connectors as GroupCollection).Add(flow);
+(Diagram.Connectors as ConnectorCollection).Add(flow);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md
index 2c12cec0b0..89b4756af2 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md
@@ -45,7 +45,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md
index df20e8abae..4720936ed8 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md
@@ -43,7 +43,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Event.md b/wpf/Diagram/BPMN-Shapes/BPMN-Event.md
index 9ec5356a51..63f6b82029 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Event.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Event.md
@@ -51,7 +51,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -96,7 +96,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md b/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
index 1b633a12a5..313d6db97c 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
@@ -54,7 +54,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
   IsExpandedSubProcess = true
  };
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -144,7 +144,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
 // Add the connector into the Connector's collection.
 (group.Connectors as ConnectorCollection).Add(flow);
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -153,7 +153,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
 
 ## Add ExpandedSubProcess from stencil
 
-The ExpandedSubProcess can be predefined and added to the stencil and can be dropped into the diagram when needed. For more information about adding nodes from Stencil, refer to the [Stencil](/wpf/sfdiagram/stencil "Stencil") and [BPMN-Shapes-Palette](/wpf/sfdiagram/BPMN-Shapes/BPMN-Shapes-Palette "BPMN-Shapes-Palette").
+The ExpandedSubProcess can be predefined and added to the stencil and can be dropped into the diagram when needed. For more information about adding nodes from Stencil, refer to the [Stencil](https://help.syncfusion.com/wpf/diagram/stencil/stencil "Stencil") and [BPMN-Shapes-Palette](https://help.syncfusion.com/wpf/diagram/bpmn-shapes/bpmn-shapes-palette "BPMN-Shapes-Palette").
 
 ## Add BPMN Nodes/Groups into BPMN ExpandedSubProcess at runtime
 You can add BPMN Nodes or Groups into the BPMN ExpandedSubProcess at runtime in two ways.
@@ -212,7 +212,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
   LoopActivity = LoopCharacteristic.Standard
  };
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -270,7 +270,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
   IsCompensationActivity = true
  };
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -320,7 +320,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
   IsAdhocActivity = true
  };
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -367,7 +367,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
   SubProcessType = SubProcessType.Event
  };
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md b/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md
index 3344001204..f6dd9a9e4a 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md
@@ -44,7 +44,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Group.md b/wpf/Diagram/BPMN-Shapes/BPMN-Group.md
index ad74aaaa4c..0812f235e9 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Group.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Group.md
@@ -46,7 +46,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
   UnitHeight = 250,
  };
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -129,7 +129,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
 // Add the connector into the Connector's collection.
 (group.Connectors as ConnectorCollection).Add(flow);
  // Add the group into the Group's collection.
-(Diagram.Groups as GroupCollection).Add(group);
+(diagram.Groups as GroupCollection).Add(group);
 
 {% endhighlight %}
 {%  endtabs %}
@@ -138,7 +138,7 @@ BpmnGroupViewModel group = new BpmnGroupViewModel()
 
 ## Add Group from stencil
 
-Groups can be predefined and added to the stencil and can be dropped into the diagram when needed. For more information about adding the nodes from Stencil, refer to the [Stencil](/wpf/sfdiagram/stencil "Stencil") and [BPMN-Shapes-Palette](/wpf/sfdiagram/BPMN-Shapes/BPMN-Shapes-Palette "BPMN-Shapes-Palette").
+Groups can be predefined and added to the stencil and can be dropped into the diagram when needed. For more information about adding the nodes from Stencil, refer to the [Stencil](https://help.syncfusion.com/wpf/diagram/stencil/stencil "Stencil") and [BPMN-Shapes-Palette](https://help.syncfusion.com/wpf/diagram/bpmn-shapes/bpmn-shapes-palette "BPMN-Shapes-Palette").
 
 ## Add BPMN Nodes/Groups into BPMNGroup at runtime
 You can add the BPMN Nodes or Groups into BPMNGroup at runtime in two ways.
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md
index d32bab0932..e309fc41a7 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md
@@ -45,7 +45,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 };
 
 // Add the node into the Node's collection.
-(Diagram.Nodes as NodeCollection).Add(node);
+(diagram.Nodes as NodeCollection).Add(node);
 
 {% endhighlight %}
 {%  endtabs %}
diff --git a/wpf/Diagram/Getting-Started.md b/wpf/Diagram/Getting-Started.md
index ab05f52b35..d7b6ed656d 100644
--- a/wpf/Diagram/Getting-Started.md
+++ b/wpf/Diagram/Getting-Started.md
@@ -210,7 +210,7 @@ Please refer to [Shapes](https://help.syncfusion.com/wpf/diagram/shapes) to know
     <Style TargetType="Path" x:Key="ShapeStyle">
         <Setter Property="Fill" Value="#FF5B9BD5"/>
         <Setter Property="Stretch" Value="Fill"/>
-        Setter Property="Stroke" Value="#FFEDF1F6"/>
+        <Setter Property="Stroke" Value="#FFEDF1F6"/>
     </Style>
             
     <!--To apply Style for NodeViewModel-->
@@ -524,17 +524,17 @@ xmlns:stencil="clr-namespace:Syncfusion.UI.Xaml.Diagram.Stencil;assembly=Syncfus
         <!--Initialize the SymbolCollection-->
         <local:SymbolCollection>
             <!--Define the DiagramElement-Node-->
-            <Syncfusion:NodeViewModel UnitHeight="40" UnitWidth="120" 
+            <syncfusion:NodeViewModel UnitHeight="40" UnitWidth="120" 
                                       Shape="{StaticResource Ellipse}" Key="Nodes">
-                <Syncfusion:NodeViewModel.Annotations>
+                <syncfusion:NodeViewModel.Annotations>
                     <!--Observable Collection of AnnotationEditorViewModel-->
-                    <Syncfusion:AnnotationCollection>
-                        <Syncfusion:AnnotationEditorViewModel Content="Begin"/>
-                    </Syncfusion:AnnotationCollection>
-                </Syncfusion:NodeViewModel.Annotations>
-            </Syncfusion:NodeViewModel>
+                    <syncfusion:AnnotationCollection>
+                        <syncfusion:AnnotationEditorViewModel Content="Begin"/>
+                    </syncfusion:AnnotationCollection>
+                </syncfusion:NodeViewModel.Annotations>
+            </syncfusion:NodeViewModel>
             <!--Define the DiagramElement-Connector-->
-            <Syncfusion:ConnectorViewModel Key="Connectors"
+            <syncfusion:ConnectorViewModel Key="Connectors"
                                            SourcePoint="100,100" 
                                            TargetPoint="200,200" /> 
         </local:SymbolCollection>
@@ -549,14 +549,14 @@ xmlns:stencil="clr-namespace:Syncfusion.UI.Xaml.Diagram.Stencil;assembly=Syncfus
 </stencil:Stencil>
 
 <!--Define DiagramControl to drag and drop elements into the diagram-->
-<Syncfusion:SfDiagram x:Name="sfdiagram">
-    <Syncfusion:SfDiagram.Nodes>
-        <Syncfusion:NodeCollection/>
-    </Syncfusion:SfDiagram.Nodes>
-    <Syncfusion:SfDiagram.Connectors>
-        <Syncfusion:ConnectorCollection/>
-    </Syncfusion:SfDiagram.Connectors>
-</Syncfusion:SfDiagram>
+<syncfusion:SfDiagram x:Name="sfdiagram">
+    <syncfusion:SfDiagram.Nodes>
+        <syncfusion:NodeCollection/>
+    </syncfusion:SfDiagram.Nodes>
+    <syncfusion:SfDiagram.Connectors>
+        <syncfusion:ConnectorCollection/>
+    </syncfusion:SfDiagram.Connectors>
+</syncfusion:SfDiagram>
 {% endhighlight %}
 
 {% highlight c# %}
@@ -644,13 +644,17 @@ Declare the style for node, connector, symbol, and symbol group to visualize the
 
 {% tabs %}
 {% highlight xaml %}
+
+<!--Namespace for stencil-->
+xmlns:stencil="clr-namespace:syncfusion.UI.Xaml.Diagram.Stencil;assembly=syncfusion.SfDiagram.WPF"
+
 <ResourceDictionary>
     <ResourceDictionary.MergedDictionaries>
         <ResourceDictionary Source="/Syncfusion.SfDiagram.Wpf;component/Resources/BasicShapes.xaml"/>
     </ResourceDictionary.MergedDictionaries>
 
     <!--Style for Node-->
-    <Style TargetType="Syncfusion:Node">
+    <Style TargetType="syncfusion:Node">
         <Setter Property="ShapeStyle">
             <Setter.Value>
                 <Style TargetType="Path">
@@ -662,7 +666,7 @@ Declare the style for node, connector, symbol, and symbol group to visualize the
     </Style>
 
     <!--Style for Connector-->
-    <Style TargetType="Syncfusion:Connector">
+    <Style TargetType="syncfusion:Connector">
         <Setter Property="TargetDecoratorStyle">
             <Setter.Value>
                 <Style TargetType="Path">
@@ -736,17 +740,17 @@ WPF Diagram (SfDiagram) provides support to auto-arrange the nodes in the diagra
 
 #### Business object (employee information)
 
-Define employee information as collection of data. The following code example shows the employee information whose, EmpId is used as an unique identifier and ParentId is used to identify the person to whom an employee report to, in the organization.
+Define employee information as collection of data. The following code example shows the employee information whose, `EmpId` is used as an unique identifier and `ParentId` is used to identify the person to whom an employee report to, in the organization.
 
 {% tabs %}
 {% highlight xaml %}
 <!--Initializes the DataSource -->
 <local:Employees x:Key="employees">
-   <local:Employee  EmpId="1" ParentId="" Designation="CEO"/>
-   <local:Employee  EmpId="2" ParentId="1" Designation="Project Manager1"/>
-   <local:Employee  EmpId="3" ParentId="1" Designation="Project Manager2"/>
-   <local:Employee  EmpId="4" ParentId="2" Designation="Engineer1"/>
-   <local:Employee  EmpId="5" ParentId="3" Designation="Engineer2"/>  
+   <local:Employee EmpId="1" ParentId="" Designation="CEO"/>
+   <local:Employee EmpId="2" ParentId="1" Designation="Project Manager1"/>
+   <local:Employee EmpId="3" ParentId="1" Designation="Project Manager2"/>
+   <local:Employee EmpId="4" ParentId="2" Designation="Engineer1"/>
+   <local:Employee EmpId="5" ParentId="3" Designation="Engineer2"/>  
 </local:Employees>
 {% endhighlight %}
 
@@ -767,7 +771,6 @@ public class Employee
 {
     public Employee()
     {
-
     }
     public string EmpId { get; set; }
     public string ParentId { get; set; }
@@ -783,19 +786,19 @@ public class Employees:ObservableCollection<Employee>
 
 #### Map DataSource with Diagram
 
-You can configure the above “Employee Information” with diagram, so that the nodes and connectors are automatically generated using the mapping properties. The following code example shows how dataSourceSettings is used to map ID , ParentId and DataSource with property name identifiers for employee information.
+You can configure the above “Employee Information” with diagram, so that the nodes and connectors are automatically generated using the mapping properties. The following code example shows how dataSourceSettings is used to map [`Id`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DataSourceSettings.html#Syncfusion_UI_Xaml_Diagram_DataSourceSettings_Id) , [`ParentId`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DataSourceSettings.html#Syncfusion_UI_Xaml_Diagram_DataSourceSettings_ParentId) and [`DataSource`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DataSourceSettings.html#Syncfusion_UI_Xaml_Diagram_DataSourceSettings_DataSource) with property name identifiers for employee information.
 
 {% tabs %}
 {% highlight xaml %}
 
 <!--Initializes the DataSourceSettings -->
-<Syncfusion:DataSourceSettings x:Key="DataSourcesettings" 
+<syncfusion:DataSourceSettings x:Key="DataSourcesettings" 
                                DataSource="{StaticResource employees}" 
                                ParentId="ParentId" Id="EmpId" />
     <!--Map the DataSourceSettings class with Diagram-->
-    <Syncfusion:SfDiagram x:Name="sfdiagram" 
+    <syncfusion:SfDiagram x:Name="sfdiagram" 
                           DataSourceSettings="{StaticResource DataSourcesettings}"/>   
-</Syncfusion:SfDiagram> 
+</syncfusion:SfDiagram> 
 {% endhighlight %}
 
 {% highlight c# %}
@@ -825,7 +828,7 @@ To create an organizational chart, TreeLayout type should be set to `LayoutType.
 {% highlight xaml %}
 
 <!--Style for Connector-->
-<Style TargetType="Syncfusion:Connector">
+<Style TargetType="syncfusion:Connector">
     <Setter Property="ConnectorGeometryStyle">
         <Setter.Value>
             <Style TargetType="Path">
@@ -847,7 +850,7 @@ To create an organizational chart, TreeLayout type should be set to `LayoutType.
 </Style>
 
 <!--Style for Node-->
-<Style TargetType="Syncfusion:Node">
+<Style TargetType="syncfusion:Node">
     <Setter Property="ContentTemplate">
         <Setter.Value>
             <DataTemplate>
@@ -865,23 +868,23 @@ To create an organizational chart, TreeLayout type should be set to `LayoutType.
 </Style>
 
 <!--Initializes the Layout-->
-<Syncfusion:DirectedTreeLayout x:Key="treeLayout" Orientation="TopToBottom" 
+<syncfusion:DirectedTreeLayout x:Key="treeLayout" Orientation="TopToBottom" 
                                HorizontalSpacing="50" Type="Organization"/>
 
 <!--Initializes the LayoutManager-->
-<Syncfusion:LayoutManager x:Key="LayoutManager" Layout="{StaticResource treeLayout}" />
+<syncfusion:LayoutManager x:Key="LayoutManager" Layout="{StaticResource treeLayout}" />
 
 <!--Map the DataSourceSettings and LayoutManager class with Diagram-->
-<Syncfusion:SfDiagram x:Name="sfdiagram" 
+<syncfusion:SfDiagram x:Name="sfdiagram" 
                       DataSourceSettings="{StaticResource DataSourcesettings}" 
                       LayoutManager="{StaticResource LayoutManager}">
-    <Syncfusion:SfDiagram.Nodes>
-        <Syncfusion:NodeCollection/>
-    </Syncfusion:SfDiagram.Nodes>
-    <Syncfusion:SfDiagram.Connectors>
-        <Syncfusion:ConnectorCollection/>
-    </Syncfusion:SfDiagram.Connectors>
-</Syncfusion:SfDiagram>
+    <syncfusion:SfDiagram.Nodes>
+        <syncfusion:NodeCollection/>
+    </syncfusion:SfDiagram.Nodes>
+    <syncfusion:SfDiagram.Connectors>
+        <syncfusion:ConnectorCollection/>
+    </syncfusion:SfDiagram.Connectors>
+</syncfusion:SfDiagram>
 
 {% endhighlight %}
 
@@ -922,7 +925,7 @@ SfDiagram supports various built-in themes. Refer to the below links to apply th
 
   ![WPF Diagram Theme](getting-started_images\wpf-diagram-theme.jpg)
   
-N> [View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Theme)
+[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Theme)
 
 ## See Also
 
diff --git a/wpf/Diagram/Node.md b/wpf/Diagram/Node.md
index 4027af23e6..1096a75a60 100644
--- a/wpf/Diagram/Node.md
+++ b/wpf/Diagram/Node.md
@@ -19,7 +19,7 @@ A node can be created and added to the Diagram, either programmatically or inter
 
 ### Add Node through Nodes collection 
 
-To create a node, you have to define the [`node object`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) and add that to [`nodes`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Nodes) collection of the Diagram.
+To create a node, you have to define the [`node object`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) and add that to [`Nodes`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Nodes) collection of the Diagram.
 
 {% tabs %}
 {% highlight xaml %}
@@ -88,7 +88,7 @@ Now, node will be as follows.
 
 ### Add node from stencil
 
-Nodes can be predefined and added to the stencil and can be dropped into the Diagram when needed. For more information about adding Nodes from Stencil, refer to the [Stencil](https://help.syncfusion.com/wpf/diagram/stencil/stencil).
+Nodes can be predefined and added to the stencil and can be dropped into the Diagram when needed. For more information about adding Nodes from `Stencil`, refer to the [Stencil](https://help.syncfusion.com/wpf/diagram/stencil/stencil).
 
 ### Create node through data source
 
@@ -101,14 +101,14 @@ Nodes can be drawn interactively by clicking and dragging the Diagram surface by
 ## Visualize a node
 
 You can use text, image, controls, panels, or any UIElement or template to visualize a node as follows:
-   1)Content template
-   2)Content 
-   3)Geometry
-   4)Custom shapes
-   5)Built-in resource
+   1) Content template
+   2) Content 
+   3) Geometry
+   4) Custom shapes
+   5) Built-in resource
 
 ### Using content template
-[`Node`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) is a ContentControl, so you can use data template to display the content of the node using the [`ContentTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_ContentTemplate) property. Refer to the following code example to define node's shape through ContentTemplate.
+[`Node`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) is a `ContentControl`, so you can use `DataTemplate` to display the content of the node using the [`ContentTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_ContentTemplate) property. Refer to the following code example to define node's shape through `ContentTemplate`.
 
 {% tabs %}
 {% highlight xaml %}
@@ -147,7 +147,7 @@ NodeViewModel node = new NodeViewModel()
 
 ### Using content
 
-[`Node`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) is a ContentControl, so you can set text, image, or any UIElement as node content using the [`Content`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_Content) property. Refer to the following code example to define image as content of the node.
+[`Node`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) is a `ContentControl`, so you can set text, image, or any UIElement as node content using the [`Content`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_Content) property. Refer to the following code example to define image as content of the `Node`.
 
 {% tabs %}
 {% highlight xaml %}
@@ -194,7 +194,7 @@ NodeViewModel node = new NodeViewModel()
 
 ### Using geometry
 
-The [`Shape`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_Shape) property of the node class allows to visualize any geometry path as node's content. Refer to the following code example to define geometry for node's shape.
+The [`Shape`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_Shape) property of the `Node` class allows to visualize any geometry path as node's content. Refer to the following code example to define geometry for node's shape.
 
 {% tabs %}
 {% highlight xaml %}
@@ -240,7 +240,7 @@ NodeViewModel node = new NodeViewModel()
 {% endhighlight %}
 {% endtabs %}
 
-### Custom shapes
+### Custom shapes 
 
 #### How to add custom shape using path data
 
@@ -393,18 +393,14 @@ Refer to the following code example to add framework elements as node content,
 {% highlight xaml %}
 
 <DataTemplate x:Key="UserProfile">
-  <Border  BorderThickness="1" Background ="#2E95D8" 
-                    BorderBrush="LightGray">
+  <Border  BorderThickness="1" Background ="#2E95D8" BorderBrush="LightGray">
     <Grid>
       <Grid.ColumnDefinitions>
         <ColumnDefinition Width="60" />
         <ColumnDefinition Width="100" />
       </Grid.ColumnDefinitions>
       <Grid Grid.Column="0">
-        <Border Grid.Column="0" VerticalAlignment="Stretch"
-                            Background="Transparent"
-                            BorderBrush="#FF5DC3B1"
-                            Padding="5">
+        <Border Grid.Column="0" VerticalAlignment="Stretch" Background="Transparent" BorderBrush="#FF5DC3B1" Padding="5">
           <Image Stretch="Uniform" HorizontalAlignment="Center" Source="Images\User.png"/>
         </Border>
       </Grid>
@@ -414,23 +410,23 @@ Refer to the following code example to add framework elements as node content,
           <RowDefinition Height="25" />
         </Grid.RowDefinitions>
         <TextBlock x:Name="Name" Grid.Row="0"
-                               HorizontalAlignment="Left"
-                               VerticalAlignment="Center"
-                               FontFamily="Segoe UI"
-                               FontSize="12"
-                               FontWeight="Bold"
-                               Foreground="White"
-                               Text="Daniel Tonini"
-                               TextAlignment="Left" />
+                   HorizontalAlignment="Left"
+                   VerticalAlignment="Center"
+                   FontFamily="Segoe UI"
+                   FontSize="12"
+                   FontWeight="Bold"
+                   Foreground="White"
+                   Text="Daniel Tonini"
+                   TextAlignment="Left" />
         <TextBlock x:Name="Designation" Grid.Row="1"
-                               HorizontalAlignment="Left"
-                               VerticalAlignment="Top"
-                               FontFamily="Segoe UI"
-                               FontSize="11"
-                               FontWeight="SemiBold"
-                               Foreground="White"
-                               Text="Project Lead"
-                               TextAlignment="Left" />
+                   HorizontalAlignment="Left"
+                   VerticalAlignment="Top"
+                   FontFamily="Segoe UI"
+                   FontSize="11"
+                   FontWeight="SemiBold"
+                   Foreground="White"
+                   Text="Project Lead"
+                   TextAlignment="Left" />
       </Grid>
     </Grid>
   </Border>
@@ -445,7 +441,7 @@ Refer to the following code example to add framework elements as node content,
       <syncfusion:NodeViewModel UnitWidth="150" UnitHeight="50" OffsetX="100" OffsetY="100" ContentTemplate="{StaticResource UserProfile}" />
     </syncfusion:NodeCollection>
   </syncfusion:SfDiagram.Nodes>
-</syncfusion:SfDiagram>  
+</syncfusion:SfDiagram>
 
 {% endhighlight %}
 
@@ -478,9 +474,9 @@ Some basic built-in shapes are provided as ResourceDictionary. For more informat
 
 ## Position
 
-Position of a node is controlled by using its [`OffsetX`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_OffsetX) and [`OffsetY`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_OffsetY) properties. By default, these Offset properties represent the distance between origin of the diagram’s page and node’s center point. You may expect this Offset values to represent the distance between page origin and node’s top left corner instead of center. The [`Pivot`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_Pivot) property helps solve this problem. Default value of node’s pivot point is (0.5, 0.5), that means center of node.
+Position of a node is controlled by using its [`OffsetX`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_OffsetX) and [`OffsetY`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_OffsetY) properties. By default, these `Offset` properties represent the distance between origin of the diagram’s page and node’s center point. You may expect this Offset values to represent the distance between page origin and node’s top left corner instead of center. The [`Pivot`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_Pivot) property helps solve this problem. Default value of node’s pivot point is (0.5, 0.5), that means center of node.
 
-The following table explains how pivot relates Offset values with node boundaries:
+The following table explains how `Pivot` relates `Offset` values with `Node` boundaries:
 
 | Pivot | Offset |
 |---|---|
@@ -525,11 +521,11 @@ NodeViewModel node = new NodeViewModel()
 
 Diagram provides support to flip the node.[`Flip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_Flip) is performed to give the mirrored node of the original element.
 The [`Flip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Flip.html) types are:
-* Flip
+* **Flip**
  `Flip` that involves both vertical and horizontal changes of the element. 
-* VerticalFlip
+* **VerticalFlip**
  `VerticalFlip` that involves changes in the vertical direction of the element.
-* HorizontalFlip
+* **HorizontalFlip**
  `HorizontalFlip` that involves changes in the horizontal direction of the element.
 
 {% tabs %}
@@ -569,7 +565,7 @@ The [`Flip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Flip.
 
 ## Padding
 
-Padding is used to leave space between the connector’s end point and the object to where it is connected. The [`ConnectorPadding`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_ConnectorPadding) property of node defines the space to be left between the node bounds and its edges.
+`Padding` is used to leave space between the connector’s end point and the object to where it is connected. The [`ConnectorPadding`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_ConnectorPadding) property of `Node` defines the space to be left between the node bounds and its edges.
 
 {% tabs %}
 {% highlight xaml %}
@@ -717,9 +713,9 @@ To explore about selection and selection related events, refer to the [Selection
 
 * A rotate handler is placed above the selector. Clicking and dragging the handler in a circular direction lead to rotate the node.
 * The node is rotated with reference to the static pivot point.
-* Pivot thumb (thumb at the middle of the Node) appears when rotating the node to represent the static point. For more information about pivot, refer to [`Position`](https://help.syncfusion.com/wpf/diagram/node#position)
+* `Pivot` thumb (thumb at the middle of the Node) appears when rotating the node to represent the static point. For more information about pivot, refer to [`Position`](https://help.syncfusion.com/wpf/diagram/node#position)
 
-* The [`NodeChangedEvent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_NodeChangedEvent) will notify the [`RotateAngle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_RotateAngle) changes with their old and new values. Along with that, this event will give information about iteraction state. To explore about arguments, refer to the [NodeChangedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeChangedEventArgs.html) .
+* The [`NodeChangedEvent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_NodeChangedEvent) will notify the [`RotateAngle`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Node.html#Syncfusion_UI_Xaml_Diagram_Node_RotateAngle) changes with their old and new values. Along with that, this event will give information about interaction state. To explore about arguments, refer to the [NodeChangedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeChangedEventArgs.html) .
 
 ![WPF Diagram Rotate Node](Node_images/wpf-diagram-rotate-node.gif)
 
@@ -727,8 +723,7 @@ To explore about selection and selection related events, refer to the [Selection
 
 * The [`ItemTappedEvent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_ItemTappedEvent) is invoked on clicking the node. To explore about arguments, refer to the [ItemTappedEventargs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ItemTappedEventargs.html).
 * The [`ItemDoubleTappedEvent`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_ItemDoubleTappedEvent) is invoked on double-clicking the node. To explore about arguments, refer to the [ItemDoubleTappedEventargs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ItemDoubleTappedEventargs.html).
-* The [`MouseDown`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_MouseDown) and [`MouseUp`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_MouseUp) are invoked as similar to framework element that is raised together with either MouseLeftButtonUp or MouseRightButtonUp. To explore about arguments, refer to the [MouseDownEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.MouseDownEventArgs.html) and
-[MouseUpEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.MouseUpEventArgs.html).  
+* The [`MouseDown`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_MouseDown) and [`MouseUp`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_MouseUp) are invoked as similar to framework element that is raised together with either MouseLeftButtonUp or MouseRightButtonUp. To explore about arguments, refer to the [MouseDownEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.MouseDownEventArgs.html) and [MouseUpEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.MouseUpEventArgs.html).  
 
 ## Constraints
 
diff --git a/wpf/Gantt/migrate-from-sftreegrid.md b/wpf/Gantt/migrate-from-sftreegrid.md
index bc360caa8d..291a0eb734 100644
--- a/wpf/Gantt/migrate-from-sftreegrid.md
+++ b/wpf/Gantt/migrate-from-sftreegrid.md
@@ -16,11 +16,11 @@ To facilitate the migration from [`GridTreeControl`](https://help.syncfusion.com
 <th>Removed assemblies</th>
 <th>Added assemblies</th></tr>
 <tr>
-<td>Syncfusion.Grid.WPF</br>
+<td>Syncfusion.Grid.WPF<br/>
 Syncfusion.GridCommon.WPF
 </td>
-<td>Syncfusion.SfGrid.WPF</br>
-Syncfusion.SfSkinManager.WPF</br>
+<td>Syncfusion.SfGrid.WPF<br/>
+Syncfusion.SfSkinManager.WPF<br/>
 Syncfusion.Themes.MaterialLight.WPF
 </td>
 </tr>
@@ -32,8 +32,8 @@ Syncfusion.Themes.MaterialLight.WPF
 <th>Removed namespaces</th>
 <th>Added namespace</th></tr>
 <tr>
-<td>Syncfusion.Windows.Controls.Gantt.Grid</br>
-Syncfusion.Windows.Controls.Gantt.Schedule</br>
+<td>Syncfusion.Windows.Controls.Gantt.Grid<br/>
+Syncfusion.Windows.Controls.Gantt.Schedule<br/>
 Syncfusion.Windows.Controls.Gantt.Chart</td>
 <td>Syncfusion.Windows.Controls.Gantt</td>
 </tr>
@@ -123,18 +123,18 @@ Syncfusion.Windows.Controls.Gantt.Chart</td>
 <tr>
 <td>{{'[GridTreeNodeEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeNodeEventArgs.html)'| markdownify }}</td>
 <td>{{'[ExpandStateChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeControl.html#Syncfusion_Windows_Controls_Grid_GridTreeControl_ExpandStateChanged)'| markdownify }}</td>
-<td>{{'[NodeExpandedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandedEventArgs.html)'| markdownify }}</br>
+<td>{{'[NodeExpandedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandedEventArgs.html)'| markdownify }}<br/>
 {{'[NodeCollapsedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeCollapsedEventArgs.html)'| markdownify }}</td>
-<td>{{'[NodeExpanded](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanded)'| markdownify }}</br>
+<td>{{'[NodeExpanded](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanded)'| markdownify }}<br/>
 {{'[NodeCollapsed](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeCollapsed)'| markdownify }}</td>
 </tr>
 
 <tr>
 <td>{{'[GridTreeNodeCancelEventHandler](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeNodeCancelEventHandler.html)'| markdownify }}</td>
 <td>{{'[ExpandStateChanging](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeControl.html#Syncfusion_Windows_Controls_Grid_GridTreeControl_ExpandStateChanging)'| markdownify }}</td>
-<td>{{'[NodeExpandingEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandingEventArgs.html)'| markdownify }}</br>
+<td>{{'[NodeExpandingEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandingEventArgs.html)'| markdownify }}<br/>
 {{'[NodeCollapsingEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeCollapsingEventArgs.html)'| markdownify }}</td>
-<td>{{'[NodeExpanding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanding)'| markdownify }}</br>
+<td>{{'[NodeExpanding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanding)'| markdownify }}<br/>
 {{'[NodeCollapsing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeCollapsing)'| markdownify }}</td>
 </tr>
 
@@ -158,36 +158,36 @@ Syncfusion.Windows.Controls.Gantt.Chart</td>
 
 <tr>
 <td>{{'[GridSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Gantt.GridSelectionMode.html)'| markdownify }}</td>
-<td>MouseMove</br>
+<td>MouseMove<br/>
 MouseClick</td>
 <td>{{'[SelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_SelectionMode)'| markdownify }}</td>
-<td>None</br>
-Single</br>
+<td>None<br/>
+Single<br/>
 Multiple</td>
 </tr>
 
 <tr>
 <td>{{'[GridTreeNodeActions](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeNodeActions.html)'| markdownify }}</td>
-<td>Expanding</br>
-Expanded</br>
-Collapsing</br>
-Collapsed</br>
-Selecting</br>
+<td>Expanding<br/>
+Expanded<br/>
+Collapsing<br/>
+Collapsed<br/>
+Selecting<br/>
 Unselecting</td>
 <td>{{'[AutoExpandMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_AutoExpandMode)'| markdownify }}</td>
-<td>None</br>
-RootNodesExpanded</br>
+<td>None<br/>
+RootNodesExpanded<br/>
 AllNodesExpanded</td>
 </tr>
 
 <tr>
 <td>{{'[VisualStyle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Gantt.VisualStyle.html)'| markdownify }}</td>
-<td>Office 2010 Blue Style</br>
-Office2010Blue</br>
-Office2010Black</br>
-Office2010Silver</br>
-Metro</br>
-Blend</br>
+<td>Office 2010 Blue Style<br/>
+Office2010Blue<br/>
+Office2010Black<br/>
+Office2010Silver<br/>
+Metro<br/>
+Blend<br/>
 VS2010
 </td>
 <td>Nil</td>
@@ -393,7 +393,7 @@ To make the migration from GridTreeControl to SfTreeGrid, integrating drag-and-d
 </tr>
 
 <tr>
-<td>Syncfusion.Grid.WPF</br>
+<td>Syncfusion.Grid.WPF<br/>
 Syncfusion.GridCommon.WPF
 </td>
 <td>Syncfusion.SfGrid.WPF</td>
@@ -429,9 +429,9 @@ Syncfusion.GridCommon.WPF
 <tr>
 <td>{{'[GridTreeNodeCancelEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeNodeCancelEventArgs.html)'| markdownify }}</td>
 <td>{{'[ExpandStateChanging](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeControl.html#Syncfusion_Windows_Controls_Grid_GridTreeControl_ExpandStateChanging)'| markdownify }}</td>
-<td>{{'[NodeExpandingEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandingEventArgs.html)'| markdownify }}</br>
+<td>{{'[NodeExpandingEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandingEventArgs.html)'| markdownify }}<br/>
 {{'[NodeCollapsingEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeCollapsingEventArgs.html)'| markdownify }}</td>
-<td>{{'[NodeExpanding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanding)'| markdownify }}</br>
+<td>{{'[NodeExpanding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanding)'| markdownify }}<br/>
 {{'[NodeCollapsing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeCollapsing)'| markdownify }}</td>
 <td>Occurs when the node is being expanded or collapsed.</td>
 </tr>
@@ -439,10 +439,10 @@ Syncfusion.GridCommon.WPF
 <tr>
 <td>{{'[GridTreeNodeEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeNodeEventArgs.html)'| markdownify }}</td>
 <td>{{'[ExpandStateChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridTreeControl.html#Syncfusion_Windows_Controls_Grid_GridTreeControl_ExpandStateChanged)'| markdownify }}</td>
-<td>{{'[NodeExpandedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandedEventArgs.html)'| markdownify }}</br>
+<td>{{'[NodeExpandedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeExpandedEventArgs.html)'| markdownify }}<br/>
 {{'[NodeCollapsedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.NodeCollapsedEventArgs.html)'| markdownify }}
 </td>
-<td>{{'[NodeExpanded](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanded)'| markdownify }}</br>
+<td>{{'[NodeExpanded](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeExpanded)'| markdownify }}<br/>
 {{'[NodeCollapsed](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_NodeCollapsed)'| markdownify }}</td>
 <td>Occurs after the node is expanded or collapsed.</td>
 </tr>
@@ -458,38 +458,38 @@ Syncfusion.GridCommon.WPF
 
 <tr>
 <td>GanttGridExpandStateChangingCommandBehaviorWithEventArgs</td>
-<td>GanttGridNodeExpandingCommandBehaviorWithEventArgs</br>
+<td>GanttGridNodeExpandingCommandBehaviorWithEventArgs<br/>
  GanttGridNodeCollapsingCommandBehaviorWithEventArgs</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangingCommandWithEventArgs</td>
-<td>GanttGridNodeExpandingCommandWithEventArgs</br>
+<td>GanttGridNodeExpandingCommandWithEventArgs<br/>
 GanttGridNodeCollapsingCommandWithEventArgs</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangingCommandBehavior</td>
-<td>GanttGridNodeExpandingCommandBehavior</br>
+<td>GanttGridNodeExpandingCommandBehavior<br/>
 GanttGridNodeCollapsingCommandBehavior
 </td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangingCommand</td>
-<td>GanttGridNodeExpandingCommand</br>
+<td>GanttGridNodeExpandingCommand<br/>
 GanttGridNodeCollapsingCommand</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangingCommandBehavior</td>
-<td>GanttGridNodeExpandingCommandBehavior</br>
+<td>GanttGridNodeExpandingCommandBehavior<br/>
 GanttGridNodeCollapsingCommandBehavior</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangingCommand</td>
-<td>GanttGridNodeExpandingCommand</br>
+<td>GanttGridNodeExpandingCommand<br/>
 GanttGridNodeCollapsingCommand</td>
 </tr>
 </table>
@@ -503,37 +503,37 @@ GanttGridNodeCollapsingCommand</td>
 
 <tr>
 <td>GanttGridExpandStateChangedCommandBehaviorWithEventArg</td>
-<td>GanttGridNodeExpandedCommandBehaviorWithEventArg</br>
+<td>GanttGridNodeExpandedCommandBehaviorWithEventArg<br/>
 GanttGridNodeCollapsedCommandBehaviorWithEventArgs</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangedCommandWithEventArgs</td>
-<td>GanttGridNodeExpandedCommandWithEventArgs</br>
+<td>GanttGridNodeExpandedCommandWithEventArgs<br/>
 GanttGridNodeCollapsedCommandWithEventArgs</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangedCommandBehavior</td>
-<td>GanttGridNodeExpandedCommandBehavior</br> 
+<td>GanttGridNodeExpandedCommandBehavior<br/>
 GanttGridNodeCollapsedCommandbehavior</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangedCommand</td>
-<td>GanttGridNodeExpandStateChangedCommand</br> 
+<td>GanttGridNodeExpandStateChangedCommand<br/>
 GanttGridNodeCollapsedCommand</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangedCommandBehavior</td>
-<td>GanttGridNodeExpandedCommandBehavior</br> 
+<td>GanttGridNodeExpandedCommandBehavior<br/>
 GanttGridNodeCollapsedCommandbehavior</td>
 </tr>
 
 <tr>
 <td>GanttGridExpandStateChangedCommand</td>
-<td>GanttGridNodeExpandedCommand</br> 
+<td>GanttGridNodeExpandedCommand<br/>
 GanttGridNodeCollapsedCommand</td>
 </tr>
 </table>
diff --git a/wpf/Scheduler/Appointments.md b/wpf/Scheduler/Appointments.md
index 494378c495..caafd29dfe 100644
--- a/wpf/Scheduler/Appointments.md
+++ b/wpf/Scheduler/Appointments.md
@@ -786,32 +786,60 @@ The following code example shows the usage of DataTemplate.
 {% highlight xaml %}
 <syncfusion:SfScheduler x:Name="Schedule"
                         EnableToolTip="True">
- <syncfusion:SfScheduler.ToolTipTemplate>
+  <syncfusion:SfScheduler.ToolTipTemplate>
      <DataTemplate>
-        <Border x:Name="PART_ToolTipBorder"
-                BorderBrush="White"
-                Background="Black"
-                CornerRadius="0"
-                VerticalAlignment="Stretch"
-                HorizontalAlignment="Stretch"
-                BorderThickness="1"
-                Padding="5">
-         <StackPanel>
-             <TextBlock x:Name="PART_AppointmentTextBlock"
-                        Text="{Binding Subject}"
-                        Foreground="White"
-                        FontSize="12"
-                        TextWrapping="Wrap"
-                        TextTrimming="CharacterEllipsis" />
-         </StackPanel>
-       </Border>
-   </DataTemplate>
+         <Border CornerRadius="4"
+                 Padding="5">
+             <Grid>
+                 <Grid.ColumnDefinitions>
+                     <ColumnDefinition Width="Auto" />
+                     <ColumnDefinition Width="*" />
+                 </Grid.ColumnDefinitions>
+                 <Rectangle Fill="{Binding AppointmentBackground}"
+                            Grid.Column="0"
+                            VerticalAlignment="Stretch"
+                            HorizontalAlignment="Left"
+                            Width="10"
+                            Margin="0,0,5,0" />
+                 <StackPanel Grid.Column="1"
+                             Orientation="Vertical">
+                     <TextBlock Text="{Binding Subject}"
+                                TextWrapping="Wrap"
+                                FontWeight="Bold"
+                                FontSize="12"
+                                Foreground="White"
+                                TextTrimming="CharacterEllipsis"
+                                Margin="0,0,0,5" />
+                     <StackPanel Orientation="Horizontal">
+                         <TextBlock Text="Start Time: "
+                                    FontWeight="Bold"
+                                    FontSize="12"
+                                    Foreground="White" />
+                         <TextBlock Text="{Binding StartTime, StringFormat='{}{0:MM/dd/yyyy }'}"
+                                    FontSize="12"
+                                    Foreground="White" />
+                     </StackPanel>
+                     <StackPanel Orientation="Horizontal">
+                         <TextBlock Text="End Time: "
+                                    FontWeight="Bold"
+                                    FontSize="12"
+                                    Foreground="White" />
+                         <TextBlock Text="{Binding EndTime, StringFormat='{}{0:MM/dd/yyyy}'}"
+                                    FontSize="12"
+                                    Foreground="White" />
+                     </StackPanel>
+                 </StackPanel>
+             </Grid>
+         </Border>
+     </DataTemplate>
  </syncfusion:SfScheduler.ToolTipTemplate>
 </syncfusion:SfScheduler>
 
 {% endhighlight %}
 {% endtabs %}
 
+![appointment-tool-tip-customization-support-in-WPF-scheduler](appointments_images/appointment-tool-tip-customization-support-in-WPF-scheduler.gif)
+
 N>
 * This property will only be applicable when [EnableToolTip](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_EnableToolTip) is set to true.
 
diff --git a/wpf/Scheduler/appointments_images/appointment-tool-tip-customization-support-in-WPF-scheduler.gif b/wpf/Scheduler/appointments_images/appointment-tool-tip-customization-support-in-WPF-scheduler.gif
new file mode 100644
index 0000000000..2180bbdfae
Binary files /dev/null and b/wpf/Scheduler/appointments_images/appointment-tool-tip-customization-support-in-WPF-scheduler.gif differ
diff --git a/wpf/diagram/getting-started_images/wpf-diagram-interact-with-stencil.gif b/wpf/diagram/getting-started_images/wpf-diagram-interact-with-stencil.gif
index 82c9182da9..d1b6dc7626 100644
Binary files a/wpf/diagram/getting-started_images/wpf-diagram-interact-with-stencil.gif and b/wpf/diagram/getting-started_images/wpf-diagram-interact-with-stencil.gif differ
diff --git a/wpf/diagram/getting-started_images/wpf-diagram-stencil-output.png b/wpf/diagram/getting-started_images/wpf-diagram-stencil-output.png
index cf91152846..c9f3772f45 100644
Binary files a/wpf/diagram/getting-started_images/wpf-diagram-stencil-output.png and b/wpf/diagram/getting-started_images/wpf-diagram-stencil-output.png differ