diff --git a/ej2-javascript/code-snippet/grid/grid-cs12/index.js b/ej2-javascript/code-snippet/grid/grid-cs12/index.js
index 9f78346ca..5483c8a89 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs12/index.js
+++ b/ej2-javascript/code-snippet/grid/grid-cs12/index.js
@@ -1,6 +1,6 @@
 var data = new ej.data.DataManager({
-    url: 'https://services.odata.org/V4/Northwind/Northwind.svc/Orders/?$top=7',
-    adaptor: new ej.data.ODataV4Adaptor()
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
+    adaptor: new ej.data.ODataAdaptor()
 });
 
 var grid = new ej.grids.Grid({
diff --git a/ej2-javascript/code-snippet/grid/grid-cs12/index.ts b/ej2-javascript/code-snippet/grid/grid-cs12/index.ts
index 8ffe91fe1..317214bdf 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs12/index.ts
+++ b/ej2-javascript/code-snippet/grid/grid-cs12/index.ts
@@ -4,7 +4,7 @@ import { Grid } from '@syncfusion/ej2-grids';
 import { DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
 
 let data: DataManager = new DataManager({
-    url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/?$top=7',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ODataAdaptor
 });
 
diff --git a/ej2-javascript/code-snippet/grid/grid-cs13/index.js b/ej2-javascript/code-snippet/grid/grid-cs13/index.js
index e64bb1290..449dd6bf4 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs13/index.js
+++ b/ej2-javascript/code-snippet/grid/grid-cs13/index.js
@@ -1,5 +1,5 @@
 var data = new ej.data.DataManager({
-    url: 'https://js.syncfusion.com/ejServices/Wcf/Northwind.svc/Orders/?$top=7',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ej.data.ODataAdaptor(),
     crossDomain: true
 });
diff --git a/ej2-javascript/code-snippet/grid/grid-cs13/index.ts b/ej2-javascript/code-snippet/grid/grid-cs13/index.ts
index b2c7224ce..95c78ca17 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs13/index.ts
+++ b/ej2-javascript/code-snippet/grid/grid-cs13/index.ts
@@ -4,7 +4,7 @@ import { Grid } from '@syncfusion/ej2-grids';
 import { DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
 
 let data: DataManager = new DataManager({
-    url: 'https://js.syncfusion.com/ejServices/Wcf/Northwind.svc/Orders/?$top=7',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ODataAdaptor,
     crossDomain: true
 });
diff --git a/ej2-javascript/code-snippet/grid/grid-cs133/index.js b/ej2-javascript/code-snippet/grid/grid-cs133/index.js
index c926597a8..207dbf094 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs133/index.js
+++ b/ej2-javascript/code-snippet/grid/grid-cs133/index.js
@@ -1,5 +1,5 @@
 var data = new ej.data.DataManager({
-    url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ej.data.ODataAdaptor()
 });
 
diff --git a/ej2-javascript/code-snippet/grid/grid-cs133/index.ts b/ej2-javascript/code-snippet/grid/grid-cs133/index.ts
index aef1282e8..524669bb3 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs133/index.ts
+++ b/ej2-javascript/code-snippet/grid/grid-cs133/index.ts
@@ -4,7 +4,7 @@ import { Grid, Page, Sort, Filter } from '@syncfusion/ej2-grids';
 import { DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
 Grid.Inject(Page, Sort, Filter);
 let data: DataManager = new DataManager({
-    url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ODataAdaptor
 });
 let grid: Grid = new Grid({
@@ -12,7 +12,7 @@ let grid: Grid = new Grid({
     allowPaging: true,
     allowSorting: true,
     allowFiltering: true,
-    pageSettings: { pageCount: 3 }
+    pageSettings: { pageCount: 3 },
     loadingIndicator: { indicatorType: 'Shimmer' },
     columns: [
         { field: 'OrderID', headerText: 'Order ID', textAlign: 'Right', width: 120, type: 'number' },
diff --git a/ej2-javascript/code-snippet/grid/grid-cs15/index.js b/ej2-javascript/code-snippet/grid/grid-cs15/index.js
index 70cf587cb..e850a8d55 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs15/index.js
+++ b/ej2-javascript/code-snippet/grid/grid-cs15/index.js
@@ -10,7 +10,7 @@ class SerialNoAdaptor extends ej.data.ODataV4Adaptor {
 }
 
 var data = new ej.data.DataManager({
-    url: 'https://services.odata.org/V4/Northwind/Northwind.svc/Orders/?$top=7',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new SerialNoAdaptor()
 });
 
diff --git a/ej2-javascript/code-snippet/grid/grid-cs15/index.ts b/ej2-javascript/code-snippet/grid/grid-cs15/index.ts
index d348e4663..022769bda 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs15/index.ts
+++ b/ej2-javascript/code-snippet/grid/grid-cs15/index.ts
@@ -15,7 +15,7 @@ class SerialNoAdaptor extends ODataAdaptor {
 }
 
 let data: DataManager = new DataManager({
-    url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/?$top=7',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new SerialNoAdaptor
 });
 
diff --git a/ej2-javascript/code-snippet/grid/grid-cs16/index.js b/ej2-javascript/code-snippet/grid/grid-cs16/index.js
index 9d77285fc..a0e50fdb0 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs16/index.js
+++ b/ej2-javascript/code-snippet/grid/grid-cs16/index.js
@@ -1,6 +1,6 @@
 var data = new ej.data.DataManager({
-    url: 'https://services.odata.org/V4/Northwind/Northwind.svc/Orders',
-    adaptor: new ej.data.ODataV4Adaptor(),
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
+    adaptor: new ej.data.ODataAdaptor(),
     offline: true
 });
 ej.grids.Grid.Inject(ej.grids.Page, ej.grids.Sort, ej.grids.Group);
diff --git a/ej2-javascript/code-snippet/grid/grid-cs16/index.ts b/ej2-javascript/code-snippet/grid/grid-cs16/index.ts
index 1c0dffe3a..d8aef46b2 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs16/index.ts
+++ b/ej2-javascript/code-snippet/grid/grid-cs16/index.ts
@@ -6,7 +6,7 @@ import { DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
 Grid.Inject(Page, Sort, Group);
 
 let data: DataManager = new DataManager({
-    url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ODataAdaptor,
     offline: true
 });
diff --git a/ej2-javascript/code-snippet/grid/grid-cs9/index.js b/ej2-javascript/code-snippet/grid/grid-cs9/index.js
index 5c1b2825c..a930797a7 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs9/index.js
+++ b/ej2-javascript/code-snippet/grid/grid-cs9/index.js
@@ -1,6 +1,6 @@
 var data = new ej.data.DataManager({
-    url: 'https://services.odata.org/V4/Northwind/Northwind.svc/Orders/?$top=7',
-    adaptor: new ej.data.ODataV4Adaptor()
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
+    adaptor: new ej.data.ODataAdaptor()
 });
 var grid = new ej.grids.Grid({
     dataSource: data,
diff --git a/ej2-javascript/code-snippet/grid/grid-cs9/index.ts b/ej2-javascript/code-snippet/grid/grid-cs9/index.ts
index 28850a3e3..94ae89393 100644
--- a/ej2-javascript/code-snippet/grid/grid-cs9/index.ts
+++ b/ej2-javascript/code-snippet/grid/grid-cs9/index.ts
@@ -4,7 +4,7 @@ import { Grid } from '@syncfusion/ej2-grids';
 import { DataManager, Query, ODataAdaptor } from '@syncfusion/ej2-data';
 
 let data: DataManager = new DataManager({
-    url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/?$top=7',
+    url: 'https://services.syncfusion.com/js/production/api/Orders',
     adaptor: new ODataAdaptor
 });
 
diff --git a/ej2-javascript/code-snippet/grid/sort-how-to-cs1/systemjs.config.js b/ej2-javascript/code-snippet/grid/sort-how-to-cs1/systemjs.config.js
index f2058ad14..cf6802bff 100644
--- a/ej2-javascript/code-snippet/grid/sort-how-to-cs1/systemjs.config.js
+++ b/ej2-javascript/code-snippet/grid/sort-how-to-cs1/systemjs.config.js
@@ -27,6 +27,7 @@ System.config({
         "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
         "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", 
         "@syncfusion/ej2-dropdowns":"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+        "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
         "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
         "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
         "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",