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/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/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/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/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/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/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..5d933ce815 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,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.Doughnut);
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..ea85106fdb 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,7 +22,7 @@
 .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));
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..bb351ab317 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-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..7518ec9e7e 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,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/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/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/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/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/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/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/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/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/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/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-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/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/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/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