diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor
index c06269323b..7a71903783 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor
@@ -1,4 +1,4 @@
-@Html.EJS().PivotView("PivotView").Height(300).GroupingBarSettings(new Syncfusion.EJ2.PivotView.PivotViewGroupingBarSettings { ShowValueTypeIcon = false }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ShowGroupingBar(false)
+@Html.EJS().PivotView("PivotView").Height(300).ShowGroupingBar(false).GroupingBarSettings(new Syncfusion.EJ2.PivotView.PivotViewGroupingBarSettings { ShowValueTypeIcon = false }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource)
  .Rows(rows =>
  {
      rows.Name("Country").Add(); rows.Name("Products").Add();
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/ClassicLayout.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/ClassicLayout.cs
index a6bd749135..34762e1457 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/ClassicLayout.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/ClassicLayout.cs
@@ -2,5 +2,7 @@ public ActionResult Index()
 {
     var data = GetPivotData();
     ViewBag.DataSource = data;
+    ViewBag.drilledMembers = new string[] { "Accessories", "Bikes" };
+    ViewBag.filterSettings = new string[] { "Cleaners", "Fenders" };
     return View();
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/razor
index 0c185ba46d..06a9f1360e 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/razor
@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.PivotView
 
 @Html.EJS().PivotView("pivotview").Width("100%").Height("450").ShowFieldList(true).DataSourceSettings(dataSourceSettings
-    => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false).EnableSorting(true)
+    => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false).EnableSorting(true)
     .DrilledMembers(drilledmembers =>
     {
         drilledmembers.Name("Product_Categories").Items(ViewBag.drilledMembers).Add();
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor
index aae3c5780f..8c1da20aae 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor
@@ -27,7 +27,7 @@
            })
            .ConditionalFormatSettings(format =>
            {
-               format.Conditions(Condition.LessThan).Measure("In_Stock").Value1(1000).Style(style => { style.BackgroundColor("#80cbc4").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
+               format.Conditions(Condition.GreaterThan).Measure("In_Stock").Value1(1000).Style(style => { style.BackgroundColor("#80cbc4").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
                format.Conditions(Condition.Between).Measure("Sold").Value1(500).Value2(40000).Style(style => { style.BackgroundColor("#f48fb1").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
            })
            ).AllowConditionalFormatting(true).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper
index 22787b57f2..5f5d1b06a9 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper
@@ -23,7 +23,7 @@
             <e-field name="Product_Categories" caption="Product Categories"></e-field>
         </e-filters>
         <e-conditionalformatsettings>
-            <e-format measure="In_Stock" conditions="LessThan" value1="1000">
+            <e-format measure="In_Stock" conditions="GreaterThan" value1="1000">
                 <e-fieldlist-style backgroundColor="#80cbc4" color="black" fontFamily="Tahoma" fontSize="12px" />
             </e-format>
             <e-format measure="Sold" conditions="Between" value1="500" value2="40000">
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor
index 11203b8d32..f1638a67c2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor
@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).EnginePopulated("enginePopulated").Render()
+ })).ShowGroupingBar(true).EnginePopulated("enginePopulated").Render()
 
  <script>
     function enginePopulated(args){
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor
index 22f140bc56..9cbd56f822 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor
@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).EnginePopulating("enginePopulating").Render()
+ })).ShowGroupingBar(true).EnginePopulating("enginePopulating").Render()
 
  <script>
     function enginePopulating(args){
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor
index 0005fa3e57..df84c80c8c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor
@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).Load("load").Render()
+ })).ShowGroupingBar(true).Load("load").Render()
 
  <script>
     function load(args){
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs
index af7f85bc20..73407878ae 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs
@@ -4,23 +4,3 @@ public ActionResult Index()
     ViewBag.DataSource = data;
     return View();
 }
-
-public List<PivotData> GetPivotData()
-{
-    List<PivotData> pivotData = new List<PivotData>();
-    pivotData.Add(new PivotData { Amount = 100, Country = "Canada", Date = "FY 2005", Products = "Bike", Quantity = 2, State = "Alberta" });
-    pivotData.Add(new PivotData { Amount = 200, Country = "Canada", Date = "FY 2006", Products = "Van", Quantity = 3, State = "British Columbia" });
-    pivotData.Add(new PivotData { Amount = 150, Country = "United States", Date = "FY 2006", Products = "Car", Quantity = 3, State = "New Mexico" });
-    pivotData.Add(new PivotData { Amount = 200, Country = "United States", Date = "FY 2005", Products = "Bike", Quantity = 4, State = "New York" });
-    return pivotData;
-}
-
-public class PivotData
-{
-    public int Quantity { get; set; }
-    public double Amount { get; set; }
-    public string Country { get; set; }
-    public string Products { get; set; }
-    public string Date { get; set; }
-    public string State { get; set; }
-}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/odata/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/odata/razor
index f512970eb9..beb8de79ac 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/odata/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/odata/razor
@@ -1,6 +1,6 @@
 @Html.EJS().PivotView("PivotView").Height("300").DataSourceSettings(dataSource => dataSource.DataSource(dataManger =>
 {
-    dataManger.Url("https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/").CrossDomain(true).Adaptor("ODataAdaptor");
+    dataManger.Url("https://services.syncfusion.com/js/production/api/Orders").CrossDomain(true).Adaptor("ODataAdaptor");
 
 }).ExpandAll(false).ShowAggregationOnValueField(false).EnableSorting(true)
     .Rows(rows =>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor
index 04e856c162..1ecf24a421 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor
@@ -2,7 +2,7 @@
 .ExpandAll(false)
 .Rows(rows =>
 {
-    columns.Name("EnerType").Add();
+    rows.Name("EnerType").Add();
 }).Columns(columns =>
 {
     columns.Name("EneSource").Add();
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor
index 30b378d28d..2e41b2ae67 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor
@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj.isRequiredUpdate) {
             fieldlistObj.updateView(pivotObj);
         }
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor
index 885762fb7c..d916377b80 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor
@@ -1,15 +1,15 @@
  @Html.EJS().PivotView("PivotGrid").Width("100%").Height("300").DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>
-            )ViewBag.Data)
+            )ViewBag.DataSource)
             .FormatSettings(formatsettings =>
             {
                 formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
             }).Columns(columns =>
             {
-                columns.Name("Date").Add(); columns.Name("Product").Add();
+                columns.Name("Country").Add(); columns.Name("Product").Add();
             }).Rows(rows =>
             {
-                rows.Name("Country").Add();;
+                rows.Name("Year").Add(); rows.Name("Quarter").Add();;
             }).Values(values =>
             {
-                values.Name("Quantity").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
+                values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
             })).EditSettings(pivotViewCellEditSettings=>pivotViewCellEditSettings.AllowEditing(true).AllowInlineEditing(true)).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/excel-export/exportallpages/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/excel-export/exportallpages/razor
index ae5aa342ed..529fdb4c65 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/excel-export/exportallpages/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/excel-export/exportallpages/razor
@@ -1,4 +1,4 @@
-@Html.EJS().Button("pdf").Content("Pdf Export").IsPrimary(true).Render()
+@Html.EJS().Button("Excel").Content("Excel Export").IsPrimary(true).Render()
 
 @Html.EJS().PivotView("PivotView").Height("300").EnableVirtualization(true).ExportAllPages(false).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(true)
 .FormatSettings(formatsettings =>
@@ -17,7 +17,7 @@
 
 <script>
     var pivotObj;
-    document.getElementById('pdf').onclick = function () {
+    document.getElementById('Excel').onclick = function () {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
         pivotObj.excelExport();
     }
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor
index 5c378b5731..eb54910ec4 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor
@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper
index cd265184b8..ef50ae5f90 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper
@@ -30,14 +30,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/razor
index 8ed269562e..1a573595bb 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/razor
@@ -2,13 +2,13 @@
 
 @Html.EJS().PivotView("PivotView").Height("300").EnableVirtualization(true).EnginePopulated("onGridEnginePopulate").Render()
 <br />
-@Html.EJS().PivotFieldList("PivotFieldList").RenderMode(Mode.Fixed).DataSourceSettings(dataSource => dataSource.DataSource(data(1000)).ExpandAll(false).EnableSorting(true)
+@Html.EJS().PivotFieldList("PivotFieldList").RenderMode(Mode.Fixed).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false).EnableSorting(true)
  .Rows(rows =>
  {
     rows.Name("ProductID").Add();
  }).Columns(columns =>
  {
-    columns => { columns.Name("Year").Add();
+     columns.Name("Year").Add();
  }).Values(values =>
  {
     values.Name("Price").Caption("Unit Price").Add();
@@ -20,56 +20,25 @@
         width: 58%;
         height: 100%;
     }
+
     #PivotFieldList {
         width: 42%;
         height: 100%;
     }
+
     .e-PivotView {
         float: left;
     }
+
     .e-PivotFieldList {
         float: right;
     }
-    .e-PivotFieldList .e-static {
-        width: 100% !important;
-    }
-</style>
 
-<script>
-
-    var dt = 0;
-    var data = function (count) {
-        var result = [];
-        for (var i = 1; i < (count + 1); i++) {
-            dt++;
-            var round = void 0;
-            var toString_1 = i.toString();
-            if (toString_1.length === 1) {
-                round = '0000' + (i);
-            }
-            else if (toString_1.length === 2) {
-                round = '000' + i;
-            }
-            else if (toString_1.length === 3) {
-                round = '00' + i;
-            }
-            else if (toString_1.length === 4) {
-                round = '0' + i;
-            }
-            else {
-                round = toString_1;
-            }
-            result.push({
-                ProductID: 'PRO-' + round,
-                Year: "FY " + (dt + 2013),
-                Price: Math.round(Math.random() * 5000) + 5000,
-                Sold: Math.round(Math.random() * 80) + 10,
-            });
-            if (dt / 4 == 1)
-                dt = 0;
+        .e-PivotFieldList .e-static {
+            width: 100% !important;
         }
-        return result;
-    };
+</style>
+<script>
     var pivotObj; var fieldListObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
@@ -93,6 +62,6 @@
         //Generating page settings based on pivot table component’s size.
         pivotObj.updatePageSettings(true);
         //Assigning page settings to field list component.
-        fieldListObj.pageSettings =  pivotObj.pageSettings;
-    }   
+        fieldListObj.pageSettings = pivotObj.pageSettings;
+    }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/virtualization.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/virtualization.cs
index 2d555a9aad..e9d38c1a74 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/virtualization.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static-fieldlist-virtualization/virtualization.cs
@@ -1,4 +1,35 @@
 public ActionResult Index()
 {
     return View();
+}
+
+public class PivotData
+{
+    public string ProductID { get; set; }
+    public string Year { get; set; }
+    public double Sold { get; set; }
+    public double Price { get; set; }
+
+    public static List<PivotData> GetPivotData(int count)
+    { 
+        var result = new List<PivotData>();
+        int dt = 0;
+
+        for (int i = 1; i <= count; i++)
+        {
+            dt++;
+            string round = i.ToString().PadLeft(5, '0');
+            result.Add(new PivotData
+            {
+                ProductID = "PRO-" + round,
+                Year = "FY " + (dt + 2013),
+                Price = new Random(Guid.NewGuid().GetHashCode()).Next(5000, 10001),
+                Sold = new Random(Guid.NewGuid().GetHashCode()).Next(10, 91),
+            });
+
+            if (dt / 4 == 1)
+                dt = 0;
+        }
+        return result;
+    }
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor
index f0958e8154..2157ff0be2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor
@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper
index 13f59de4a0..e3b4be5bdd 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper
@@ -30,14 +30,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor
index d205577561..c89dfa9156 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor
@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).Render()
\ No newline at end of file
+})).ShowFieldList(true).ShowGroupingBar(true).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor
index 80efb5f326..26b5ae83d9 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor
@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); 
-})).MaxNodeLimitInMemberEditor(500).ShowGroupingBar(true).Render()
\ No newline at end of file
+})).MaxNodeLimitInMemberEditor(500).ShowGroupingBar(true).ShowFieldList(true).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor
index 13be9faf4e..de16eff63a 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor
@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).Render()
\ No newline at end of file
+})).ShowFieldList(true).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/field-mapping/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/field-mapping/razor
index 2f1958f33c..517258d8f2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/field-mapping/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/field-mapping/razor
@@ -3,7 +3,13 @@
  .FormatSettings(formatsettings =>
  {
      formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
- }).Rows(rows =>
+ }).FieldMapping(fields=>
+ {
+     fields.Name("Quarter").ShowSortIcon(false).Add();
+     fields.Name("Products").ShowFilterIcon(false).ShowRemoveIcon(false).Add();
+     fields.Name("Amount").ShowValueTypeIcon(false).Caption("Sold Amount").Add();
+ })
+ .Rows(rows =>
  {
      rows.Name("Country").Add();
  }).Columns(columns =>
@@ -12,9 +18,4 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add();
- })).FieldMapping(fields=>
- {
-     fields.Name("Quarter").ShowSortIcon(false).Add();
-     fields.Name("Products").ShowFilterIcon(false).ShowRemoveIcon(false).Add();
-     fields.Name("Amount").ShowValueTypeIcon(false).Caption("Sold Amount").Add();
- }).ShowGroupingBar(true).ShowFieldList(true).Render()
\ No newline at end of file
+ })).ShowGroupingBar(true).ShowFieldList(true).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/drill-through.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/drill-through.cs
index 2d555a9aad..edb8b5dd77 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/drill-through.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/drill-through.cs
@@ -1,4 +1,5 @@
 public ActionResult Index()
 {
+    ViewBag.filterMembers = new string[] { "[Date].[Fiscal].[Fiscal Quarter].&[2002]&[4]", "[Date].[Fiscal].[Fiscal Year].&[2005]" };
     return View();
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/razor
index e6d63ede59..a4266643e2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/razor
@@ -3,7 +3,7 @@
 @Html.EJS().PivotView("pivotview").Width("100%").Height("600").DataSourceSettings(dataSourceSettings => dataSourceSettings.EnableSorting(true)
         .Url("https://bi.syncfusion.com/olap/msmdpump.dll").Catalog("Adventure Works DW 2008 SE").Cube("Adventure Works").ProviderType(ProviderType.SSAS)
         .Rows(rows => { rows.Name("[Customer].[Customer Geography]").Caption("Customer Geography").Add(); })
-        .Columns(columns => { columns.Name("[Product].[Product Categories]").Caption("Product Categories").Add(); columns.Name("[Measures]").Caption("Measures").Add(); })
+        .Columns(columns => { columns.Name("[Measures]").Caption("Measures").Add(); columns.Name("[Product].[Product Categories]").Caption("Product Categories").Add();  })
         .Values(values => { values.Name("[Measures].[Customer Count]").Caption("Customer Count").Add(); values.Name("[Measures].[Internet Sales Amount]").Caption("Internet Sales Amount").Add(); })
         .Filters(filters => { filters.Name("[Date].[Fiscal]").Caption("Date Fiscal").Add(); })
         .FormatSettings(formatSettings =>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-selection/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-selection/razor
index 4bca0b0a92..e7e077895c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-selection/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-selection/razor
@@ -13,4 +13,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).GridSettings(gridSettings => gridSettings.AllowSelection(true).SelectionSettings(selectionSettings => selectionSettings.CellSelectionMode("Box").Type("Multiple").Mode(SelectionMode.Both))).Render()
\ No newline at end of file
+})).GridSettings(gridSettings => gridSettings.AllowSelection(true).SelectionSettings(selectionSettings => selectionSettings.CellSelectionMode(PivotCellSelectionMode.Box).Type("Multiple").Mode(SelectionMode.Both))).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-headercell/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-headercell/razor
index 7ba8730db5..64ffc55b99 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-headercell/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-headercell/razor
@@ -1,5 +1,7 @@
 @using Syncfusion.EJ2.PivotView
 
+@Html.EJS().Button("Excel").Content("Excel Export").IsPrimary(true).Render()
+
 @Html.EJS().PivotView("PivotView").Height("300").DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .FormatSettings(formatsettings =>
 {
@@ -13,9 +15,14 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).GridSettings(gridSettings => gridSettings.ExcelHeaderCellInfo("excelHeaderCell")).Render()
+})).AllowExcelExport(true).GridSettings(gridSettings => gridSettings.ExcelHeaderQueryCellInfo("excelHeaderCellInfo")).Render()
 <script>
-    function excelHeaderCell(args) {
+    var pivotObj;
+    document.getElementById('Excel').onclick = function () {
+        pivotObj = document.getElementById('PivotView').ej2_instances[0];
+        pivotObj.excelExport();
+    }
+    function excelHeaderCellInfo(args) {
 
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-querycell/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-querycell/razor
index a15d236a4b..7f501bdd1d 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-querycell/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/excel-querycell/razor
@@ -1,5 +1,7 @@
 @using Syncfusion.EJ2.PivotView
 
+@Html.EJS().Button("Excel").Content("Excel Export").IsPrimary(true).Render()
+
 @Html.EJS().PivotView("PivotView").Height("300").DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .FormatSettings(formatsettings =>
 {
@@ -13,8 +15,13 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).GridSettings(gridSettings => gridSettings.ExcelQueryCellInfo("excelQueryCell")).Render()
+})).AllowExcelExport(true).GridSettings(gridSettings => gridSettings.ExcelQueryCellInfo("excelQueryCell")).Render()
 <script>
+    var pivotObj;
+    document.getElementById('Excel').onclick = function () {
+        pivotObj = document.getElementById('PivotView').ej2_instances[0];
+        pivotObj.excelExport();
+    }
     function excelQueryCell(args) {
 
     }
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/pdf-headercell/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/pdf-headercell/razor
index 5a6756c42e..32a69bff7e 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/pdf-headercell/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/pdf-headercell/razor
@@ -1,5 +1,7 @@
 @using Syncfusion.EJ2.PivotView
 
+@Html.EJS().Button("pdf").Content("Pdf Export").IsPrimary(true).Render()
+
 @Html.EJS().PivotView("PivotView").Height("300").DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .FormatSettings(formatsettings =>
 {
@@ -13,9 +15,14 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).GridSettings(gridSettings => gridSettings.PdfHeaderCellInfo("pdfHeaderCell")).Render()
+})).GridSettings(gridSettings => gridSettings.PdfQueryCellInfo("pdfqueryCellInfo")).AllowPdfExport(true).Render()
 <script>
-    function pdfHeaderCell(args) {
+    var pivotObj;
+    document.getElementById('pdf').onclick = function () {
+        pivotObj = document.getElementById('PivotView').ej2_instances[0];
+        pivotObj.pdfExport();
+    }
+    function pdfqueryCellInfo(args) {
 
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/all-cells/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/all-cells/razor
index 7e6a1f26a8..963b182915 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/all-cells/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/all-cells/razor
@@ -11,4 +11,14 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowHyperlink(true)).Render()
\ No newline at end of file
+ })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowHyperlink(true).CssClass("e-custom-class")).Render()
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/column-header/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/column-header/razor
index cf0ea182dc..cba683c9dd 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/column-header/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/column-header/razor
@@ -11,4 +11,14 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowColumnHeaderHyperlink(true)).Render()
\ No newline at end of file
+ })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowColumnHeaderHyperlink(true).CssClass("e-custom-class")).Render()
+  <style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/conditions/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/conditions/razor
index bcae1ce85a..a23016dac2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/conditions/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/conditions/razor
@@ -18,4 +18,14 @@
  .ConditionalSettings(format =>
 {
     format.Conditions(Syncfusion.EJ2.PivotView.Condition.Between).Measure("Sold").Value1(100).Value2(200).Add();
-})).Render()
\ No newline at end of file
+}).CssClass("e-custom-class")).Render()
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/event/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/event/razor
index 6548126709..9d5dee5cb6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/event/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/event/razor
@@ -11,8 +11,18 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperLinkCellClick("hyperlink").HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowRowHeaderHyperlink(true)).Render()
+ })).HyperLinkCellClick("hyperlink").HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowHyperlink(true).CssClass("e-custom-class")).Render()
 
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
 <script>
  function hyperlink(args) {
         args.cancel = false;
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/headers/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/headers/razor
index 7051a96e0b..a4fa292cc6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/headers/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/headers/razor
@@ -14,4 +14,14 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.HeaderText("FY 2015.Q1.Units Sold")).Render()
\ No newline at end of file
+ })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.HeaderText("FY 2015.Q1.Units Sold").CssClass("e-custom-class")).Render()
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/label-conditions/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/label-conditions/razor
index 838d8a6046..40df978fad 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/label-conditions/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/label-conditions/razor
@@ -18,4 +18,14 @@
  .ConditionalSettings(format =>
 {
     format.Conditions(Syncfusion.EJ2.PivotView.Condition.LessThan).Label("France").Value1(1000).Add();
-})).Render()
\ No newline at end of file
+}).CssClass("e-custom-class")).Render()
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/row-header/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/row-header/razor
index bfcfcaffba..bfa3cf218c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/row-header/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/row-header/razor
@@ -11,4 +11,14 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowRowHeaderHyperlink(true)).Render()
\ No newline at end of file
+ })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowRowHeaderHyperlink(true).CssClass("e-custom-class")).Render()
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/summary-cells/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/summary-cells/razor
index 55b008fd39..778bd5242c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/summary-cells/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/summary-cells/razor
@@ -14,4 +14,14 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowSummaryCellHyperlink(true)).Render()
\ No newline at end of file
+ })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowSummaryCellHyperlink(true).CssClass("e-custom-class")).Render()
+ <style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/value-cells/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/value-cells/razor
index 8aed94c0e8..0a73c972eb 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/value-cells/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/hyper-link/value-cells/razor
@@ -14,4 +14,14 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowValueCellHyperlink(true)).Render()
\ No newline at end of file
+ })).HyperlinkSettings(hyperlinksettings => hyperlinksettings.ShowValueCellHyperlink(true).CssClass("e-custom-class")).Render()
+<style>
+    .e-custom-class {
+        text-decoration: underline;
+        color: deepskyblue;
+    }
+    .e-custom-class:hover {
+        color: red;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/button/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/button/razor
index b03b7a7d7b..5d3001ac8e 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/button/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/button/razor
@@ -19,11 +19,11 @@
     }).CalculatedFieldSettings(calculatedfieldsettings =>
     {
         calculatedfieldsettings.Name("Total").Formula(totalPrice).Add();
-    })).AllowCalculatedField(true).Render()
+    })).AllowNumberFormatting(true).AllowCalculatedField(true).Render()
 
     <script>
         document.getElementById("calculated-field-btn").addEventListener('click', function () {
             var pivotObj = document.getElementById("PivotView").ej2_instances[0];
-            pivotObj.calculatedFieldModule.createCalculatedFieldDialog();
+            pivotObj.numberFormattingModule.ShowNumberFormattingDialog();
         });
     </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/razor
index f607d2b867..825d0abc5e 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/razor
@@ -13,7 +13,7 @@
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
 })).GridSettings(new PivotViewGridSettings { ColumnWidth = 140 }).DisplayOption(new PivotViewDisplayOption { View = View.Both }).Toolbar(new List<string>
-() { "New", "Save", "SaveAs", "Rename", "Remove", "Load", "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting" "FieldList" }).SaveReport("saveReport").LoadReport("loadReport").FetchReport("fetchReport").RenameReport("renameReport").RemoveReport("removeReport").NewReport("newReport").Render()
+() { "New", "Save", "SaveAs", "Rename", "Remove", "Load", "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting", "FieldList" }).SaveReport("saveReport").LoadReport("loadReport").FetchReport("fetchReport").RenameReport("renameReport").RemoveReport("removeReport").NewReport("newReport").Render()
 <style>
     #pivotview {
         width: 100%;
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/paging/template/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/paging/template/razor
index f59a059fe1..04d2ca1e84 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/paging/template/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/paging/template/razor
@@ -32,10 +32,7 @@
     }
     function updateTemplate() {
         var pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        if (!ej.base.isNullOrUndefined(rowPager)) {
-            rowPager.destroy();
-            rowPager = null;
-        }
+
         rowPager = new ej.grids.Pager({
             pageSize: pivotObj.pageSettings.rowPageSize,
             totalRecordsCount: pivotObj.engineModule.rowCount,
@@ -44,10 +41,7 @@
             click: rowPageClick
         });
         rowPager.appendTo('#row-pager');
-        if (!ej.base.isNullOrUndefined(columnPager)) {
-            columnPager.destroy();
-            columnPager = null;
-        }
+
         columnPager = new ej.grids.Pager({
             pageSize: pivotObj.pageSettings.columnPageSize,
             totalRecordsCount: pivotObj.engineModule.columnCount,
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/engine-export/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/engine-export/razor
index 0c926a3be3..86e7d07980 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/engine-export/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/engine-export/razor
@@ -19,6 +19,6 @@
     var pivotObj;
     document.getElementById('pdf').onclick = function () {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        pivotObj.pdfExportModule.exportToPDF();
+        pivotObj.pdfExport();
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/export-tableAndChart/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/export-tableAndChart/razor
index 9a9bdeaab3..18a44c3bb6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/export-tableAndChart/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/export-tableAndChart/razor
@@ -1,3 +1,4 @@
+@using Syncfusion.EJ2.PivotView
 @Html.EJS().Button("pdf").Content("Pdf Export").IsPrimary(true).Render()
 
 @Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Both }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
@@ -13,7 +14,7 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).AllowPdfExport(true).Render().ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
+})).AllowPdfExport(true).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
 
 <script>
     var pivotObj;
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-customization/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-customization/razor
index 3556d783da..cd69cfeb7b 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-customization/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-customization/razor
@@ -13,7 +13,7 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).AllowPdfExport(true).Render().BeforeExport("beforeExport").Render()
+})).AllowPdfExport(true).BeforeExport("beforeExport").Render()
 
 <script>
     var pivotObj;
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-rowHeightCustomization/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-rowHeightCustomization/razor
index e4848a548c..34edb1b880 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-rowHeightCustomization/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pdf-export/exporting-rowHeightCustomization/razor
@@ -16,7 +16,7 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).AllowPdfExport(true).Render().OnPdfCellRender("onPdfCellRender").Render()
+})).AllowPdfExport(true).OnPdfCellRender("onPdfCellRender").Render()
 
 <script>
     var pivotObj;
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/razor
index ad917c69a5..d479d62d92 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/razor
@@ -24,7 +24,7 @@
         </table>
     </div>
     <div class="content-wrapper">
-        @Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+        @Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
         .EnableSorting(true).Rows(rows =>
         {
             rows.Name("Country").Add();
@@ -46,7 +46,7 @@
         .Filters(filters =>
         {
             filters.Name("Product_Categories").Caption("Product Categories").Add();
-        })).ChartSettings(chartSettings => chartSettings.ChartSeries(chartseries =>chartseries.Type(ChartSeriesType.Pie))).Render();
+        })).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartseries =>chartseries.Type(ChartSeriesType.Pie))).Render();
     </div>
 </div>
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/razor
index fae7bd96f8..6e694b4319 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -21,11 +21,11 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>
 chartSettings.ChartSeries(chartSeries =>
     {
         chartSeries.Type(ChartSeriesType.Doughnut);
         chartSeries.StartAngle(270);
         chartSeries.EndAngle(90);
     }
-)).Render();
+)).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/Column.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/Column.cs
index a6bd749135..8af09b9c5d 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/Column.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/Column.cs
@@ -2,5 +2,6 @@ public ActionResult Index()
 {
     var data = GetPivotData();
     ViewBag.DataSource = data;
+    ViewBag.drilledMembers = new string[] { "FY 2015", "FY 2016" };
     return View();
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/razor
index c6328ca25c..60fd937b58 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).DrilledMembers(drilledmembers =>
 {
     drilledmembers.Name("Year").Items(new string[] { "FY 2016" }).Add();
@@ -25,7 +25,7 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>chartSettings.ChartSeries(chartSeries =>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>chartSettings.ChartSeries(chartSeries =>
 {
     chartSeries.Type(ChartSeriesType.Doughnut);
 
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/razor
index 813f74cad3..c65301dfab 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/razor
@@ -1,6 +1,6 @@
 @using Syncfusion.EJ2.PivotView
 
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -22,8 +22,8 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Funnel).DataLabel(datalabel=>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Funnel).DataLabel(datalabel=>
 {
     datalabel.Position("OutSide");
     datalabel.ConnectorStyle(connector=>connector.Color("#f4429e").DashArray("5,3").Length("50px").Width(2));
-}))).Render();
+}))).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/razor
index 12e1c49e8b..8405697f2c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/razor
@@ -1,6 +1,6 @@
 @using Syncfusion.EJ2.PivotView
 
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -22,4 +22,4 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Pyramid).DataLabel(datalabel=> datalabel.Position("Inside")))).Render();
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Pyramid).DataLabel(datalabel=> datalabel.Position("Inside")))).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/razor
index 74dc852172..346be4f2fb 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -21,4 +21,4 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Pie))).Render();
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Pie))).Render();
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/razor
index 25614fa6eb..3a0d399971 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -21,7 +21,7 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>
 chartSettings.ChartSeries(chartSeries =>
     {
         chartSeries.Type(ChartSeriesType.Pie);
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiLevelLabelRender/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiLevelLabelRender/razor
index 3becb30a0d..b700c8fedb 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiLevelLabelRender/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiLevelLabelRender/razor
@@ -13,7 +13,7 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).MultiLevelLabelRender("multiLevelLabelRender").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column)).MultiLevelLabelRender("multiLevelLabelRender")).Render()
 
 <script>
     function multiLevelLabelRender(args) {
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiaxisscrollbar/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiaxisscrollbar/razor
index 9bcea5bdfd..a01c36b4be 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiaxisscrollbar/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multiaxisscrollbar/razor
@@ -12,5 +12,5 @@
     columns.Name("Year").Caption("Year").Add(); columns.Name("Quarter").Add();
 }).Values(values =>
 {
-    values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add(); values.Name("Products").Type("Count").Add();
-})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.EnableMultipleAxis(true).enableScrollOnMultiAxis(true).ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
\ No newline at end of file
+    values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add(); values.Name("Products").DataType("Count").Add();
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.EnableMultipleAxis(true).EnableScrollOnMultiAxis(true).ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multipleaxismode/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multipleaxismode/razor
index 0821a450c1..9f2c1f7d2f 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multipleaxismode/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-multipleaxismode/razor
@@ -13,4 +13,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.EnableMultipleAxis(true).MultipleAxisMode('Single').ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
\ No newline at end of file
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.EnableMultipleAxis(true).MultipleAxisMode(MultipleAxisMode.Single).ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/razor
index 3474262d0c..93a9278788 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -21,10 +21,10 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>
 chartSettings.ChartSeries(chartSeries =>
     {
         chartSeries.Type(ChartSeriesType.Pie);
         chartSeries.InnerRadius("140");
     }
-)).Render();
+)).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/export/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/export/razor
index 6ce0adbd62..a88c98d579 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/export/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/export/razor
@@ -15,7 +15,7 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
+})).AllowPdfExport(true).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries => chartSeries.Type(ChartSeriesType.Column))).Render()
 
 <script>
     var pivotObj;
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/SinglePageMode.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/SinglePageMode.cs
index 2d555a9aad..e9d38c1a74 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/SinglePageMode.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/SinglePageMode.cs
@@ -1,4 +1,35 @@
 public ActionResult Index()
 {
     return View();
+}
+
+public class PivotData
+{
+    public string ProductID { get; set; }
+    public string Year { get; set; }
+    public double Sold { get; set; }
+    public double Price { get; set; }
+
+    public static List<PivotData> GetPivotData(int count)
+    { 
+        var result = new List<PivotData>();
+        int dt = 0;
+
+        for (int i = 1; i <= count; i++)
+        {
+            dt++;
+            string round = i.ToString().PadLeft(5, '0');
+            result.Add(new PivotData
+            {
+                ProductID = "PRO-" + round,
+                Year = "FY " + (dt + 2013),
+                Price = new Random(Guid.NewGuid().GetHashCode()).Next(5000, 10001),
+                Sold = new Random(Guid.NewGuid().GetHashCode()).Next(10, 91),
+            });
+
+            if (dt / 4 == 1)
+                dt = 0;
+        }
+        return result;
+    }
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/razor
index 5490bb081b..81ae8fe152 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/single-page-mode/razor
@@ -1,7 +1,7 @@
 @using Syncfusion.EJ2.PivotView
 
 @Html.EJS().PivotView("PivotView").Height(350).Width("100%").DataSourceSettings(
-    dataSource => dataSource.DataSource(data(1000)).ExpandAll(false).EnableSorting(true
+    dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false).EnableSorting(true
     ).Rows(rows =>  {
         rows.Name("ProductID").Add();
     }).Columns(columns => {
@@ -10,42 +10,4 @@
         values.Name("Price").Caption("Unit Price").Add();
         values.Name("Sold").Caption("Unit Sold").Add();
     })
-).EnableVirtualization(true).VirtualScrollSettings(
-    new Syncfusion.EJ2.PivotView.VirtualScrollSettingsModel { allowSinglePage = true }
-).Render()
-
-<script>
-    var dt = 0;
-    var data = function (count) {
-        var result = [];
-        for (var i = 1; i < (count + 1); i++) {
-            dt++;
-            var round = void 0;
-            var toString_1 = i.toString();
-            if (toString_1.length === 1) {
-                round = '0000' + (i);
-            }
-            else if (toString_1.length === 2) {
-                round = '000' + i;
-            }
-            else if (toString_1.length === 3) {
-                round = '00' + i;
-            }
-            else if (toString_1.length === 4) {
-                round = '0' + i;
-            }
-            else {
-                round = toString_1;
-            }
-            result.push({
-                ProductID: 'PRO-' + round,
-                Year: "FY " + (dt + 2013),
-                Price: Math.round(Math.random() * 5000) + 5000,
-                Sold: Math.round(Math.random() * 80) + 10,
-            });
-            if (dt / 4 == 1)
-                dt = 0;
-        }
-        return result;
-    };
-</script>
\ No newline at end of file
+).EnableVirtualization(true).VirtualScrollSettings(new PivotViewVirtualScrollSettings { AllowSinglePage = true }).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total-specific/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total-specific/razor
index 9c4d9a3860..dbd5df0149 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total-specific/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total-specific/razor
@@ -3,7 +3,7 @@
 @Html.EJS().PivotView("PivotView").Width("100%").Height("300").GroupingBarSettings(new PivotViewGroupingBarSettings
 {
 ShowSortIcon = false
-}).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false).EnableSorting(true)
+}).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(true).EnableSorting(true)
 .FormatSettings(formatsettings =>
 {
 formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total/SubTotal.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total/SubTotal.cs
index a6bd749135..83eb08f04f 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total/SubTotal.cs
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/sub-total/SubTotal.cs
@@ -2,5 +2,6 @@ public ActionResult Index()
 {
     var data = GetPivotData();
     ViewBag.DataSource = data;
+    ViewBag.drilledMembers = new string[] { "France", "Germany" };
     return View();
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-bottom/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-bottom/razor
index fe0332e9a1..5fc9947bbd 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-bottom/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-bottom/razor
@@ -14,4 +14,4 @@ columns.Name("Year").Caption("Year").Add(); columns.Name("Quarter").Add();
 }).Values(values =>
 {
 values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-}).SubTotalsPosition(SubTotalsPosition.Bottom).Render()
\ No newline at end of file
+}).SubTotalsPosition(SubTotalsPosition.Bottom)).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-top/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-top/razor
index 694fcf04a6..7843d6f8ba 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-top/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/subtotal-top/razor
@@ -14,4 +14,4 @@ columns.Name("Year").Caption("Year").Add(); columns.Name("Quarter").Add();
 }).Values(values =>
 {
 values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-}).SubTotalsPosition(SubTotalsPosition.Top).Render()
\ No newline at end of file
+}).SubTotalsPosition(SubTotalsPosition.Top)).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/razor
index ba77f5f787..a17b11d978 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/razor
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/razor
@@ -4,8 +4,8 @@
                 @Html.EJS().Button("collapsebtn").Content("Collapse ALL").CssClass("e-flat").IsPrimary(true).Render()
             </div>
         </div>
-        @Html.EJS().PivotView("PivotGrid").Width("100%").Height("300").ShowToolbar(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>
-            )ViewBag.Data)
+        @Html.EJS().PivotView("Pivotview").Width("100%").Height("300").ShowToolbar(true).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>
+            )ViewBag.DataSource)
             .FormatSettings(formatsettings =>
             {
                 formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
@@ -21,11 +21,11 @@
             })).GridSettings(new Syncfusion.EJ2.PivotView.PivotViewGridSettings { ColumnWidth = 140 }).ToolbarTemplate("#template").Render()
 <script>
     document.getElementById("expandbtn").addEventListener('click', function () {
-        var pivotObj = document.getElementById("PivotGrid").ej2_instances[0];
+        var pivotObj = document.getElementById("Pivotview").ej2_instances[0];
         pivotObj.dataSourceSettings.expandAll = true;
     });
     document.getElementById("collapsebtn").addEventListener('click', function () {
-        var pivotObj = document.getElementById("PivotGrid").ej2_instances[0];
+        var pivotObj = document.getElementById("Pivotview").ej2_instances[0];
         pivotObj.dataSourceSettings.expandAll = false;
     });
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/pivot-table/images/Custom sorting.png b/ej2-asp-core-mvc/pivot-table/images/Custom sorting.png
index 85a63fce8b..bf1cf4db26 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/Custom sorting.png and b/ej2-asp-core-mvc/pivot-table/images/Custom sorting.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/Custom sorting_event.png b/ej2-asp-core-mvc/pivot-table/images/Custom sorting_event.png
index 3d53d7310a..02a76ff3a1 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/Custom sorting_event.png and b/ej2-asp-core-mvc/pivot-table/images/Custom sorting_event.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/Search desired field in static field list.png b/ej2-asp-core-mvc/pivot-table/images/Search desired field in static field list.png
index c62a07f3e8..5fe7d272a3 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/Search desired field in static field list.png and b/ej2-asp-core-mvc/pivot-table/images/Search desired field in static field list.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/add-custom-toolbar.png b/ej2-asp-core-mvc/pivot-table/images/add-custom-toolbar.png
index 492d29df6f..a87017806e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/add-custom-toolbar.png and b/ej2-asp-core-mvc/pivot-table/images/add-custom-toolbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/aggregateTypes.png b/ej2-asp-core-mvc/pivot-table/images/aggregateTypes.png
index 1f10ab10ea..403a912e32 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/aggregateTypes.png and b/ej2-asp-core-mvc/pivot-table/images/aggregateTypes.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/aggregatemenuopen.png b/ej2-asp-core-mvc/pivot-table/images/aggregatemenuopen.png
index c95c2f7c3f..f09301b849 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/aggregatemenuopen.png and b/ej2-asp-core-mvc/pivot-table/images/aggregatemenuopen.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/aggregation_differencefrom.png b/ej2-asp-core-mvc/pivot-table/images/aggregation_differencefrom.png
index aa6fc03113..e7e986840e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/aggregation_differencefrom.png and b/ej2-asp-core-mvc/pivot-table/images/aggregation_differencefrom.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/aggregation_gb_menu.png b/ej2-asp-core-mvc/pivot-table/images/aggregation_gb_menu.png
index 6b2ed127ac..e7e986840e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/aggregation_gb_menu.png and b/ej2-asp-core-mvc/pivot-table/images/aggregation_gb_menu.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/alpha-numeric-header.png b/ej2-asp-core-mvc/pivot-table/images/alpha-numeric-header.png
index 2342a5b3e8..bb6a04cea4 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/alpha-numeric-header.png and b/ej2-asp-core-mvc/pivot-table/images/alpha-numeric-header.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/autofit-event.png b/ej2-asp-core-mvc/pivot-table/images/autofit-event.png
index 1f7ed389b1..e2a3f6f453 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/autofit-event.png and b/ej2-asp-core-mvc/pivot-table/images/autofit-event.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/autofit-grouping.png b/ej2-asp-core-mvc/pivot-table/images/autofit-grouping.png
index cd1b14751e..2c77930aed 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/autofit-grouping.png and b/ej2-asp-core-mvc/pivot-table/images/autofit-grouping.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/autofit-method.png b/ej2-asp-core-mvc/pivot-table/images/autofit-method.png
index 1868ee561d..f5657f8167 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/autofit-method.png and b/ej2-asp-core-mvc/pivot-table/images/autofit-method.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/calc-field-btn.png b/ej2-asp-core-mvc/pivot-table/images/calc-field-btn.png
index a0ad89b482..cce03a42c3 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/calc-field-btn.png and b/ej2-asp-core-mvc/pivot-table/images/calc-field-btn.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/calculatedfield-conditional.png b/ej2-asp-core-mvc/pivot-table/images/calculatedfield-conditional.png
index b46e9227fa..84655fc4fc 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/calculatedfield-conditional.png and b/ej2-asp-core-mvc/pivot-table/images/calculatedfield-conditional.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/calculatedfield.png b/ej2-asp-core-mvc/pivot-table/images/calculatedfield.png
index 5ecd2c36a1..72d4598120 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/calculatedfield.png and b/ej2-asp-core-mvc/pivot-table/images/calculatedfield.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/cell-selection-color.png b/ej2-asp-core-mvc/pivot-table/images/cell-selection-color.png
index 15000b1fab..d545faab6f 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/cell-selection-color.png and b/ej2-asp-core-mvc/pivot-table/images/cell-selection-color.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/cformatting_all.png b/ej2-asp-core-mvc/pivot-table/images/cformatting_all.png
index 2d2a71ab12..5fd31ef512 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/cformatting_all.png and b/ej2-asp-core-mvc/pivot-table/images/cformatting_all.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/cformatting_single.png b/ej2-asp-core-mvc/pivot-table/images/cformatting_single.png
index 037935636e..d9d0811c80 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/cformatting_single.png and b/ej2-asp-core-mvc/pivot-table/images/cformatting_single.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/chart-scrollbar.png b/ej2-asp-core-mvc/pivot-table/images/chart-scrollbar.png
index 14d2080ed9..dc9ab6bba8 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/chart-scrollbar.png and b/ej2-asp-core-mvc/pivot-table/images/chart-scrollbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/clipmode.png b/ej2-asp-core-mvc/pivot-table/images/clipmode.png
index 8965efeef3..8c2a122c69 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/clipmode.png and b/ej2-asp-core-mvc/pivot-table/images/clipmode.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/column-width.png b/ej2-asp-core-mvc/pivot-table/images/column-width.png
index b394d0a540..628ceb8967 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/column-width.png and b/ej2-asp-core-mvc/pivot-table/images/column-width.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/cond-format-btn.png b/ej2-asp-core-mvc/pivot-table/images/cond-format-btn.png
index f4ae5a88c2..8312be1d45 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/cond-format-btn.png and b/ej2-asp-core-mvc/pivot-table/images/cond-format-btn.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/defer-update-static.png b/ej2-asp-core-mvc/pivot-table/images/defer-update-static.png
index 834bd77a9b..556934fc4a 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/defer-update-static.png and b/ej2-asp-core-mvc/pivot-table/images/defer-update-static.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/drill.png b/ej2-asp-core-mvc/pivot-table/images/drill.png
index 310c789d74..a337aa8e0a 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/drill.png and b/ej2-asp-core-mvc/pivot-table/images/drill.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/drill_position.png b/ej2-asp-core-mvc/pivot-table/images/drill_position.png
index 07f9b131c9..30981c0539 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/drill_position.png and b/ej2-asp-core-mvc/pivot-table/images/drill_position.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/drill_position_code.png b/ej2-asp-core-mvc/pivot-table/images/drill_position_code.png
index cd81f47748..9256047ea9 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/drill_position_code.png and b/ej2-asp-core-mvc/pivot-table/images/drill_position_code.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/drillthrough-before.png b/ej2-asp-core-mvc/pivot-table/images/drillthrough-before.png
index 00585ef757..c96313d2c6 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/drillthrough-before.png and b/ej2-asp-core-mvc/pivot-table/images/drillthrough-before.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/emptyvalues.png b/ej2-asp-core-mvc/pivot-table/images/emptyvalues.png
index b384b67583..e95ba0edc1 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/emptyvalues.png and b/ej2-asp-core-mvc/pivot-table/images/emptyvalues.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/excludefieldgroupingbar.png b/ej2-asp-core-mvc/pivot-table/images/excludefieldgroupingbar.png
index e526bc8392..fd058c70d9 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/excludefieldgroupingbar.png and b/ej2-asp-core-mvc/pivot-table/images/excludefieldgroupingbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/expandall.png b/ej2-asp-core-mvc/pivot-table/images/expandall.png
index 6ebd7b3a73..42d8f24390 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/expandall.png and b/ej2-asp-core-mvc/pivot-table/images/expandall.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/expandall_except.png b/ej2-asp-core-mvc/pivot-table/images/expandall_except.png
index 2c9548065c..dfa6b1ec81 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/expandall_except.png and b/ej2-asp-core-mvc/pivot-table/images/expandall_except.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist-custom.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist-custom.png
index b27324223b..42b362d486 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist-custom.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist-custom.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_grid.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_grid.png
index b06b01908c..aef729c923 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_grid.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_grid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_filteringgrid.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_filteringgrid.png
index 1430567e31..984ba157b8 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_filteringgrid.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_filteringgrid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_sortgrid.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_sortgrid.png
index 89b20ef09d..77847ed5fb 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_sortgrid.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_sortgrid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_toolbar.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_toolbar.png
index 5225d958e1..378d0d8e71 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_toolbar.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_toolbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/filter_icon_gb.png b/ej2-asp-core-mvc/pivot-table/images/filter_icon_gb.png
index 6a3fe1315f..9eb446367e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/filter_icon_gb.png and b/ej2-asp-core-mvc/pivot-table/images/filter_icon_gb.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/formatting-custom.png b/ej2-asp-core-mvc/pivot-table/images/formatting-custom.png
index f1530ad2d1..2ba17c2722 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/formatting-custom.png and b/ej2-asp-core-mvc/pivot-table/images/formatting-custom.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/formatting-toolbar.png b/ej2-asp-core-mvc/pivot-table/images/formatting-toolbar.png
index 5ffa3f577a..0bddfac5a1 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/formatting-toolbar.png and b/ej2-asp-core-mvc/pivot-table/images/formatting-toolbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/formatting.png b/ej2-asp-core-mvc/pivot-table/images/formatting.png
index e588a2f6be..49f543de54 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/formatting.png and b/ej2-asp-core-mvc/pivot-table/images/formatting.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gbar_drag.png b/ej2-asp-core-mvc/pivot-table/images/gbar_drag.png
index 6c031ea8ba..212f026633 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gbar_drag.png and b/ej2-asp-core-mvc/pivot-table/images/gbar_drag.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/grand-totals-at-top.png b/ej2-asp-core-mvc/pivot-table/images/grand-totals-at-top.png
index 2d1d563443..da40cc65c7 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/grand-totals-at-top.png and b/ej2-asp-core-mvc/pivot-table/images/grand-totals-at-top.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/grandtotal.png b/ej2-asp-core-mvc/pivot-table/images/grandtotal.png
index 23c12e0889..6b3a044f63 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/grandtotal.png and b/ej2-asp-core-mvc/pivot-table/images/grandtotal.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gridlines.png b/ej2-asp-core-mvc/pivot-table/images/gridlines.png
index 8ca4c10839..a304be5af0 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gridlines.png and b/ej2-asp-core-mvc/pivot-table/images/gridlines.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-dropdown-specific.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-dropdown-specific.png
index 976de40698..bb1ae5f78f 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-dropdown-specific.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-dropdown-specific.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter-specific.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter-specific.png
index 0278bed22d..6c0447a0a7 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter-specific.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter-specific.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter.png
index 1f755989b7..ac26c5f3b4 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-filter.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove-specific.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove-specific.png
index 52cf805a15..38ff73ea56 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove-specific.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove-specific.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove.png
index 815c2fdf28..5af57cebcc 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-remove.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort-specific.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort-specific.png
index 8394a63f60..fbcee93721 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort-specific.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort-specific.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort.png b/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort.png
index afc2ce0d9d..9910ceb8fa 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbar-sort.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/groupingbarvaluebutton.png b/ej2-asp-core-mvc/pivot-table/images/groupingbarvaluebutton.png
index f31ffee2fd..9e58051c80 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/groupingbarvaluebutton.png and b/ej2-asp-core-mvc/pivot-table/images/groupingbarvaluebutton.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gs_calc_grid.png b/ej2-asp-core-mvc/pivot-table/images/gs_calc_grid.png
index 961e03919c..964d9a8eee 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gs_calc_grid.png and b/ej2-asp-core-mvc/pivot-table/images/gs_calc_grid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_icon.png b/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_icon.png
index 7630816cf0..bae65ca73e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_icon.png and b/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_icon.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gs_groupingbar.png b/ej2-asp-core-mvc/pivot-table/images/gs_groupingbar.png
index 00973721cf..823f244f56 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gs_groupingbar.png and b/ej2-asp-core-mvc/pivot-table/images/gs_groupingbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/height-width.png b/ej2-asp-core-mvc/pivot-table/images/height-width.png
index 22b65732e0..3d079f050e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/height-width.png and b/ej2-asp-core-mvc/pivot-table/images/height-width.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink-columnheader.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink-columnheader.png
index dd0f67151c..3841e864c0 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink-columnheader.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink-columnheader.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink-condition.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink-condition.png
index a442a95e3a..379cdb19c7 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink-condition.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink-condition.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink-header.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink-header.png
index ef2a37cbd5..d04d2439e9 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink-header.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink-header.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink-rowheader.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink-rowheader.png
index fddf9f6532..71060a8e1c 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink-rowheader.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink-rowheader.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink-summary.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink-summary.png
index 496ffd0cb2..6052c6824f 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink-summary.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink-summary.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink-value.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink-value.png
index e76a8a7858..edfaa1e645 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink-value.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink-value.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/hyperlink.png b/ej2-asp-core-mvc/pivot-table/images/hyperlink.png
index fbc67d8caa..9dea2a6999 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/hyperlink.png and b/ej2-asp-core-mvc/pivot-table/images/hyperlink.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/inline-editting.png b/ej2-asp-core-mvc/pivot-table/images/inline-editting.png
index f5c1f92383..90a13b50a6 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/inline-editting.png and b/ej2-asp-core-mvc/pivot-table/images/inline-editting.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/labelfiltering_code.png b/ej2-asp-core-mvc/pivot-table/images/labelfiltering_code.png
index 2c7f9a1dbb..cbb3e2822e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/labelfiltering_code.png and b/ej2-asp-core-mvc/pivot-table/images/labelfiltering_code.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/labelfiltering_grid.png b/ej2-asp-core-mvc/pivot-table/images/labelfiltering_grid.png
index 4886c9968a..7526b03e72 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/labelfiltering_grid.png and b/ej2-asp-core-mvc/pivot-table/images/labelfiltering_grid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/local-csv-data.PNG b/ej2-asp-core-mvc/pivot-table/images/local-csv-data.PNG
index 36cdf08ce0..8f499e70ad 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/local-csv-data.PNG and b/ej2-asp-core-mvc/pivot-table/images/local-csv-data.PNG differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/local-json-datamanager.PNG b/ej2-asp-core-mvc/pivot-table/images/local-json-datamanager.PNG
index 69c3a01c9c..3c54bd9c80 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/local-json-datamanager.PNG and b/ej2-asp-core-mvc/pivot-table/images/local-json-datamanager.PNG differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/localede.png b/ej2-asp-core-mvc/pivot-table/images/localede.png
index 16b06c8f5e..bb9b4ddc01 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/localede.png and b/ej2-asp-core-mvc/pivot-table/images/localede.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/measureatdifferentposition.png b/ej2-asp-core-mvc/pivot-table/images/measureatdifferentposition.png
index 14129b7e28..2eab9a8b83 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/measureatdifferentposition.png and b/ej2-asp-core-mvc/pivot-table/images/measureatdifferentposition.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/nodata.png b/ej2-asp-core-mvc/pivot-table/images/nodata.png
index a1e6128f0d..06e486202f 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/nodata.png and b/ej2-asp-core-mvc/pivot-table/images/nodata.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/number-group-updated.png b/ej2-asp-core-mvc/pivot-table/images/number-group-updated.png
index 62daa3a10c..0d27e034c1 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/number-group-updated.png and b/ej2-asp-core-mvc/pivot-table/images/number-group-updated.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/numberfiltering.png b/ej2-asp-core-mvc/pivot-table/images/numberfiltering.png
index 05d6f6a342..f3eff2e06d 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/numberfiltering.png and b/ej2-asp-core-mvc/pivot-table/images/numberfiltering.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/olap-virtual.png b/ej2-asp-core-mvc/pivot-table/images/olap-virtual.png
index b52eac7323..431d70c2f4 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/olap-virtual.png and b/ej2-asp-core-mvc/pivot-table/images/olap-virtual.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/pivottable-calculatefield.png b/ej2-asp-core-mvc/pivot-table/images/pivottable-calculatefield.png
index d5181e5387..3ad4cde933 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/pivottable-calculatefield.png and b/ej2-asp-core-mvc/pivot-table/images/pivottable-calculatefield.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/pivottable-css.png b/ej2-asp-core-mvc/pivot-table/images/pivottable-css.png
index 9fb39cd0e0..00250fe775 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/pivottable-css.png and b/ej2-asp-core-mvc/pivot-table/images/pivottable-css.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/pivottable-fields.png b/ej2-asp-core-mvc/pivot-table/images/pivottable-fields.png
index df58edd417..f23a2bbca9 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/pivottable-fields.png and b/ej2-asp-core-mvc/pivot-table/images/pivottable-fields.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/pivottable-group.png b/ej2-asp-core-mvc/pivot-table/images/pivottable-group.png
index ab442720ce..4cdbceb501 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/pivottable-group.png and b/ej2-asp-core-mvc/pivot-table/images/pivottable-group.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/pivottable-value-format.png b/ej2-asp-core-mvc/pivot-table/images/pivottable-value-format.png
index 0964d2419d..18c1d6617c 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/pivottable-value-format.png and b/ej2-asp-core-mvc/pivot-table/images/pivottable-value-format.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/pivottable-with-pivotfield.png b/ej2-asp-core-mvc/pivot-table/images/pivottable-with-pivotfield.png
index 971d97b554..cf23e716d6 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/pivottable-with-pivotfield.png and b/ej2-asp-core-mvc/pivot-table/images/pivottable-with-pivotfield.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/popup-fieldlist-specifictarget.png b/ej2-asp-core-mvc/pivot-table/images/popup-fieldlist-specifictarget.png
index dcc4af5bc3..cdafd2a6f2 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/popup-fieldlist-specifictarget.png and b/ej2-asp-core-mvc/pivot-table/images/popup-fieldlist-specifictarget.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/remote-csv-data.PNG b/ej2-asp-core-mvc/pivot-table/images/remote-csv-data.PNG
index 36cdf08ce0..4c12834df9 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/remote-csv-data.PNG and b/ej2-asp-core-mvc/pivot-table/images/remote-csv-data.PNG differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/remote-json-data.png b/ej2-asp-core-mvc/pivot-table/images/remote-json-data.png
index f1236a153a..23db8601a8 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/remote-json-data.png and b/ej2-asp-core-mvc/pivot-table/images/remote-json-data.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/reorder.png b/ej2-asp-core-mvc/pivot-table/images/reorder.png
index a7a8af655c..c3177522ad 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/reorder.png and b/ej2-asp-core-mvc/pivot-table/images/reorder.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/resize.png b/ej2-asp-core-mvc/pivot-table/images/resize.png
index 604705f420..0b659e1d21 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/resize.png and b/ej2-asp-core-mvc/pivot-table/images/resize.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/row-height.png b/ej2-asp-core-mvc/pivot-table/images/row-height.png
index 6fac4f3547..734fa79212 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/row-height.png and b/ej2-asp-core-mvc/pivot-table/images/row-height.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/selection.png b/ej2-asp-core-mvc/pivot-table/images/selection.png
index 19eccd223a..5314e556fb 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/selection.png and b/ej2-asp-core-mvc/pivot-table/images/selection.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/selection2.png b/ej2-asp-core-mvc/pivot-table/images/selection2.png
index 568983abe5..9696376f6c 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/selection2.png and b/ej2-asp-core-mvc/pivot-table/images/selection2.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/sorting_gb.png b/ej2-asp-core-mvc/pivot-table/images/sorting_gb.png
index 88f296f009..3962ef5f7e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/sorting_gb.png and b/ej2-asp-core-mvc/pivot-table/images/sorting_gb.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/sorting_grid.png b/ej2-asp-core-mvc/pivot-table/images/sorting_grid.png
index 4a6c4e1a47..61a05eb4c5 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/sorting_grid.png and b/ej2-asp-core-mvc/pivot-table/images/sorting_grid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/staticfieldlist.png b/ej2-asp-core-mvc/pivot-table/images/staticfieldlist.png
index 589ac18fb4..4c0e45dd75 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/staticfieldlist.png and b/ej2-asp-core-mvc/pivot-table/images/staticfieldlist.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/sub-total.png b/ej2-asp-core-mvc/pivot-table/images/sub-total.png
index 0651bf3c7a..13c15faf45 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/sub-total.png and b/ej2-asp-core-mvc/pivot-table/images/sub-total.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/subTotalsPosition-Bottom.png b/ej2-asp-core-mvc/pivot-table/images/subTotalsPosition-Bottom.png
index 3939e25c04..28d8c06b27 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/subTotalsPosition-Bottom.png and b/ej2-asp-core-mvc/pivot-table/images/subTotalsPosition-Bottom.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/subtotal2.png b/ej2-asp-core-mvc/pivot-table/images/subtotal2.png
index 0651bf3c7a..c168382072 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/subtotal2.png and b/ej2-asp-core-mvc/pivot-table/images/subtotal2.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/textalign.PNG b/ej2-asp-core-mvc/pivot-table/images/textalign.PNG
index f2297f1d17..b08dec5a12 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/textalign.PNG and b/ej2-asp-core-mvc/pivot-table/images/textalign.PNG differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/textwrap.png b/ej2-asp-core-mvc/pivot-table/images/textwrap.png
index 52f21db5f0..16cf227947 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/textwrap.png and b/ej2-asp-core-mvc/pivot-table/images/textwrap.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/tool-temp-rtl.png b/ej2-asp-core-mvc/pivot-table/images/tool-temp-rtl.png
index 4f28e36d43..eb001f89f0 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/tool-temp-rtl.png and b/ej2-asp-core-mvc/pivot-table/images/tool-temp-rtl.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/tool-temp.png b/ej2-asp-core-mvc/pivot-table/images/tool-temp.png
index 57ac86b2ea..e083a126a9 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/tool-temp.png and b/ej2-asp-core-mvc/pivot-table/images/tool-temp.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar-customize-inbuilt.png b/ej2-asp-core-mvc/pivot-table/images/toolbar-customize-inbuilt.png
index b8954ac188..c8d7a9d631 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar-customize-inbuilt.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar-customize-inbuilt.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar-customize.png b/ej2-asp-core-mvc/pivot-table/images/toolbar-customize.png
index 6f9854070a..e687b6197b 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar-customize.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar-customize.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar-grandtotals.png b/ej2-asp-core-mvc/pivot-table/images/toolbar-grandtotals.png
index 02978d029a..39b947e295 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar-grandtotals.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar-grandtotals.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar-subtotals.png b/ej2-asp-core-mvc/pivot-table/images/toolbar-subtotals.png
index e54829f826..a528e496cd 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar-subtotals.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar-subtotals.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar.png b/ej2-asp-core-mvc/pivot-table/images/toolbar.png
index 30e67419dd..1ce2899e15 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting.png b/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting.png
index 5988d72f47..650e05562b 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_dialog.png b/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_dialog.png
index bc85980967..1de6794bc5 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_dialog.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_dialog.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_grid.png b/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_grid.png
index dc23273110..3c3a9a1446 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_grid.png and b/ej2-asp-core-mvc/pivot-table/images/toolbar_cformatting_grid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/tooltipTemplate.png b/ej2-asp-core-mvc/pivot-table/images/tooltipTemplate.png
index 1e608a9e3c..231f3cac9a 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/tooltipTemplate.png and b/ej2-asp-core-mvc/pivot-table/images/tooltipTemplate.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/valueaxis.png b/ej2-asp-core-mvc/pivot-table/images/valueaxis.png
index 4ffb2be52b..8a4a031186 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/valueaxis.png and b/ej2-asp-core-mvc/pivot-table/images/valueaxis.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/valuefiltering_grid.png b/ej2-asp-core-mvc/pivot-table/images/valuefiltering_grid.png
index 958c27b531..9dcd37ef9b 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/valuefiltering_grid.png and b/ej2-asp-core-mvc/pivot-table/images/valuefiltering_grid.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/valuesheader.png b/ej2-asp-core-mvc/pivot-table/images/valuesheader.png
index a136f13e72..0bc2e84bf4 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/valuesheader.png and b/ej2-asp-core-mvc/pivot-table/images/valuesheader.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/valuesorting.png b/ej2-asp-core-mvc/pivot-table/images/valuesorting.png
index 36830a5abf..4a75a24ea4 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/valuesorting.png and b/ej2-asp-core-mvc/pivot-table/images/valuesorting.png differ