diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-fieldList/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-fieldList/tagHelper
index cf4ff46320..e7d2585ac8 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-fieldList/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-fieldList/tagHelper
@@ -1,5 +1,5 @@
-<ejs-pivotview id="PivotGrid" height="300" showFieldList="true" actionBegin="actionBegin">
-    <e-datasource data="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+<ejs-pivotview id="PivotView" height="300" showFieldList="true" actionBegin="actionBegin">
+    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" useGrouping="true"></e-field>
         </e-formatsettings>
@@ -15,7 +15,7 @@
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
-    </e-datasource>
+    </e-datasourcesettings>
 </ejs-pivotview>
 
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-toolbar/tagHelper
index 9421aea6b4..845602ab0b 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionBegin-toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
 "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting", "FieldList" })" actionBegin="actionBegin">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-fieldList/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-fieldList/tagHelper
index 01be4cbfcb..93cb802e5e 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-fieldList/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-fieldList/tagHelper
@@ -1,5 +1,5 @@
-<ejs-pivotview id="PivotGrid" height="300" showFieldList="true" actionComplete="actionComplete">
-    <e-datasource data="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+<ejs-pivotview id="PivotView" height="300" showFieldList="true" actionComplete="actionComplete">
+    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" useGrouping="true"></e-field>
         </e-formatsettings>
@@ -15,7 +15,7 @@
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
-    </e-datasource>
+    </e-datasourcesettings>
 </ejs-pivotview>
 
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-toolbar/tagHelper
index bc25e49dee..0212ac2eb5 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionComplete-toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
 "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting", "FieldList" })" actionComplete="actionComplete">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-fieldList/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-fieldList/tagHelper
index 16b7b09a37..269f9e915c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-fieldList/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-fieldList/tagHelper
@@ -1,5 +1,5 @@
-<ejs-pivotview id="PivotGrid" height="300" showFieldList="true" actionFailure="actionFailure">
-    <e-datasource data="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+<ejs-pivotview id="PivotView" height="300" showFieldList="true" actionFailure="actionFailure">
+    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" useGrouping="true"></e-field>
         </e-formatsettings>
@@ -15,7 +15,7 @@
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
-    </e-datasource>
+    </e-datasourcesettings>
 </ejs-pivotview>
 
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-toolbar/tagHelper
index ee3b30ccae..d1b25eade1 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/action-event/actionFailure-toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
 "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting", "FieldList" })" actionFailure="actionFailure">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/add-custom-aggregation/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/add-custom-aggregation/tagHelper
index 050380aa6c..f038a8c492 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/add-custom-aggregation/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/add-custom-aggregation/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300" dataBound="onDataBound" aggregateCellInfo="aggregateCell" showFieldList="true">
+<ejs-pivotview id="PivotView" height="300" dataBound="onDataBound" aggregateCellInfo="aggregateCell" showFieldList="true">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false">
         <e-formatsettings>
             <e-field name="Amount" format="C0"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/tagHelper
index c66fbb68eb..f6dacb8097 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/classic-layout/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" load="onLoad" showFieldList="true" width="100%" height="450">
+<ejs-pivotview id="PivotView" load="onLoad" showFieldList="true" width="100%" height="450">
     <e-datasourcesettings dataSource="@data" expandAll="false" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1"
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/tagHelper
index 00edf9ce88..cb3d1ab29c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/tagHelper
@@ -19,4 +19,4 @@
     function enginePopulated(args){
         args.dataSourceSettings.columns[0].caption = 'Full Year';
     }
- <script>
\ No newline at end of file
+ </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/tagHelper
index 72d856c064..6f703dc33f 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/tagHelper
@@ -19,4 +19,4 @@
     function enginePopulating(args){
         args.dataSourceSettings.columns[0].caption = 'Full Year';
     }
- <script>
\ No newline at end of file
+ </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/tagHelper
index 15d99eca38..6c2cd412ab 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/tagHelper
@@ -19,4 +19,4 @@
     function load(args){
         args.dataSourceSettings.columns[0].caption = 'Full Year';
     }
- <script>
\ No newline at end of file
+ </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/tagHelper
index 67a1959d03..1751498ec8 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/tagHelper
@@ -1,6 +1,6 @@
 <ejs-pivotview id="PivotView" enginePopulated="onGridEnginePopulate" height="300" allowDeferLayoutUpdate="true"></ejs-pivotview>
 <br />
-<ejs-pivotfieldlist id="Static_FieldList" renderMode="Fixed" allowDeferLayoutUpdate="true" enginePopulated="onFieldListEnginePopulate">
+<ejs-pivotfieldlist id="PivotFieldList" renderMode="Fixed" allowDeferLayoutUpdate="true" enginePopulated="onFieldListEnginePopulate">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-fieldlist-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
@@ -21,7 +21,7 @@
 </ejs-pivotfieldlist>
 
 <style>
-    #Static_FieldList {
+    #PivotFieldList {
         width: 400px;
     }
 </style>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/display-string-value/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/display-string-value/tagHelper
index bbf28c197a..135a4c256d 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/display-string-value/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/display-string-value/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300" aggregateCellInfo="aggregateCell" showFieldList="true">
+<ejs-pivotview id="PivotView" height="300" aggregateCellInfo="aggregateCell" showFieldList="true">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false">
         <e-formatsettings>
             <e-field name="Amount" format="C0"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/export-table-and-chart/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/export-table-and-chart/tagHelper
index 1d14931778..45b1c4b123 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/export-table-and-chart/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/export-table-and-chart/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300" actionBegin="actionBegin" showToolbar="true"
+<ejs-pivotview id="PivotView" height="300" actionBegin="actionBegin" showToolbar="true"
                toolbar="@(new List<string>() { "Grid", "Chart", "Export", "FieldList" })" allowPdfExport="true" showFieldList="true">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-popup/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-popup/tagHelper
index c6ebc5c2e6..ac2f27dd39 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-popup/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-popup/tagHelper
@@ -1,51 +1,19 @@
-<ejs-button id="fieldlistbtn" content="Field List" isPrimary="true"></ejs-button>
-
-<div id="Popup_FieldList"></div>
-
-<ejs-pivotview id="PivotView" enginePopulated="onGridEnginePopulate" height="300" enableFieldSearching="true"></ejs-pivotview>
-
-<ejs-pivotfieldlist id="PivotFieldList" renderMode="Popup" target="#Popup_FieldList" enginePopulated="onFieldListEnginePopulate">
-    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
-        <e-fieldlist-formatsettings>
+<ejs-pivotview id="PivotView" height="300" showFieldList="true" enableFieldSearching="true">
+    <e-datasourcesettings dataSource="ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+        <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
-        </e-fieldlist-formatsettings>
-        <e-fieldlist-rows>
+        </e-formatsettings>
+        <e-rows>
             <e-field name="Country"></e-field>
             <e-field name="Products"></e-field>
-        </e-fieldlist-rows>
-        <e-fieldlist-columns>
+        </e-rows>
+        <e-columns>
             <e-field name="Year" caption="Year"></e-field>
             <e-field name="Quarter"></e-field>
-        </e-fieldlist-columns>
-        <e-fieldlist-values>
+        </e-columns>
+        <e-values>
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
-        </e-fieldlist-values>
+        </e-values>
     </e-datasourcesettings>
-</ejs-pivotfieldlist>
-
-<style>
-    .e-toggle-field-list {
-        display: none !important;
-    }
-</style>
-
-<script>
-    var pivotObj; var fieldlistObj;
-    function onGridEnginePopulate(args) {
-        pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').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.updateView(pivotObj);
-    }
-    document.getElementById('fieldlistbtn').onclick = function () {
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
-        fieldlistObj.dialogRenderer.fieldListDialog.show();
-    };
-</script>
\ No newline at end of file
+</ejs-pivotview>
\ 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 ef50ae5f90..d95455b074 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
@@ -1,32 +1,40 @@
-<ejs-pivotview id="PivotView" enginePopulated="onGridEnginePopulate" height="300"></ejs-pivotview>
-<br />
-<ejs-pivotfieldlist id="Static_FieldList" renderMode="Fixed" enginePopulated="onFieldListEnginePopulate" enableFieldSearching="true">
-    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
-        <e-fieldlist-formatsettings>
-            <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
-        </e-fieldlist-formatsettings>
-        <e-fieldlist-rows>
-            <e-field name="Country"></e-field>
-            <e-field name="Products"></e-field>
-        </e-fieldlist-rows>
-        <e-fieldlist-columns>
-            <e-field name="Year" caption="Year"></e-field>
-            <e-field name="Quarter"></e-field>
-        </e-fieldlist-columns>
-        <e-fieldlist-values>
-            <e-field name="Sold" caption="Units Sold"></e-field>
-            <e-field name="Amount" caption="Sold Amount"></e-field>
-        </e-fieldlist-values>
-    </e-datasourcesettings>
-</ejs-pivotfieldlist>
+<div style="width: 58%;height: 100%; float: left;">
+    <ejs-pivotview id="PivotView" enginePopulated="onGridEnginePopulate" height="300"></ejs-pivotview>
+</div><br />
+<div style="width: 42%;height: 100%; float: right;">
+    <ejs-pivotfieldlist id="PivotFieldList" renderMode="Fixed" enginePopulated="onFieldListEnginePopulate" enableFieldSearching="true">
+        <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
+            <e-fieldlist-formatsettings>
+                <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
+            </e-fieldlist-formatsettings>
+            <e-fieldlist-rows>
+                <e-field name="Country"></e-field>
+                <e-field name="Products"></e-field>
+            </e-fieldlist-rows>
+            <e-fieldlist-columns>
+                <e-field name="Year" caption="Year"></e-field>
+                <e-field name="Quarter"></e-field>
+            </e-fieldlist-columns>
+            <e-fieldlist-values>
+                <e-field name="Sold" caption="Units Sold"></e-field>
+                <e-field name="Amount" caption="Sold Amount"></e-field>
+            </e-fieldlist-values>
+        </e-datasourcesettings>
+    </ejs-pivotfieldlist>
+</div><br />
 
 <style>
-    #Static_FieldList {
+    #PivotFieldList {
         width: 400px;
     }
+
+    .e-pivotfieldlist .e-static {
+        width: 100% !important;
+    }
 </style>
 
 <script>
+
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/chart/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/chart/tagHelper
index 4b45c5a753..871c5ec0b3 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/chart/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/chart/tagHelper
@@ -1,6 +1,6 @@
    <div class="control-section" style="overflow:auto">
         <div class="content-wrapper">
-            <ejs-pivotview id="pivotview" width="100%" height="300" load="onLoad" dataBound="onDataBound" cellSelected="onCellSelected" showTooltip="false">
+            <ejs-pivotview id="PivotView" width="100%" height="300" load="onLoad" dataBound="onDataBound" cellSelected="onCellSelected" showTooltip="false">
                 <e-datasourcesettings dataSource="@ViewBag.data" expandAll="true" enableSorting="true">
                     <e-rows>
                         <e-field name="Country"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/field-dropped/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/field-dropped/tagHelper
index c1ee88c2ca..39fc624532 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/field-dropped/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/field-dropped/tagHelper
@@ -1,9 +1,9 @@
 <ejs-button id="Refresh" content="Refresh" isPrimary="true"></ejs-button>
 
-<ejs-pivotview id="PivotGrid" height="300" showFieldList="true" onFieldDropped="onFieldDropped">
-    <e-datasource data="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+<ejs-pivotview id="PivotGrid" height="300" showFieldList="true" fieldListRefreshed="fieldListRefreshed">
+    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
-            <e-field name="Amount" format="C0" useGrouping="true"></e-field>
+            <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
         </e-formatsettings>
         <e-rows>
             <e-field name="Country"></e-field>
@@ -17,7 +17,7 @@
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
-    </e-datasource>
+    </e-datasourcesettings>
 </ejs-pivotview>
 
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh-event/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh-event/tagHelper
index 3547a6533c..c78479c8e0 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh-event/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh-event/tagHelper
@@ -1,7 +1,7 @@
 <ejs-button id="Refresh" content="Refresh" isPrimary="true"></ejs-button>
 
 <ejs-pivotview id="PivotGrid" height="300" showFieldList="true" fieldListRefreshed="fieldListRefreshed">
-    <e-datasource data="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
         </e-formatsettings>
@@ -17,7 +17,7 @@
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
-    </e-datasource>
+    </e-datasourcesettings>
 </ejs-pivotview>
 
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh/tagHelper
index cb54da7bf7..55772cef11 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/refresh/tagHelper
@@ -1,7 +1,7 @@
 <ejs-button id="Refresh" content="Refresh" isPrimary="true"></ejs-button>
 
-<ejs-pivotview id="PivotGrid" height="300" showFieldList="true">
-    <e-datasource data="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+<ejs-pivotview id="PivotView" height="300" showFieldList="true">
+    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
         </e-formatsettings>
@@ -17,7 +17,7 @@
             <e-field name="Sold" caption="Units Sold"></e-field>
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
-    </e-datasource>
+    </e-datasourcesettings>
 </ejs-pivotview>
 
 <script>
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 e3b4be5bdd..b049cbf3c8 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
@@ -1,32 +1,40 @@
-<ejs-pivotview id="PivotView" enginePopulated="onGridEnginePopulate" height="300"></ejs-pivotview>
-<br />
-<ejs-pivotfieldlist id="Static_FieldList" renderMode="Fixed" enginePopulated="onFieldListEnginePopulate">
-    <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
-        <e-fieldlist-formatsettings>
-            <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
-        </e-fieldlist-formatsettings>
-        <e-fieldlist-rows>
-            <e-field name="Country"></e-field>
-            <e-field name="Products"></e-field>
-        </e-fieldlist-rows>
-        <e-fieldlist-columns>
-            <e-field name="Year" caption="Year"></e-field>
-            <e-field name="Quarter"></e-field>
-        </e-fieldlist-columns>
-        <e-fieldlist-values>
-            <e-field name="Sold" caption="Units Sold"></e-field>
-            <e-field name="Amount" caption="Sold Amount"></e-field>
-        </e-fieldlist-values>
-    </e-datasourcesettings>
-</ejs-pivotfieldlist>
+<div style="width: 58%;height: 100%; float: left;">
+    <ejs-pivotview id="PivotView" enginePopulated="onGridEnginePopulate" height="300"></ejs-pivotview>
+</div><br />
+<div style="width: 42%;height: 100%; float: right;">
+    <ejs-pivotfieldlist id="PivotFieldList" renderMode="Fixed" enginePopulated="onFieldListEnginePopulate">
+        <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
+            <e-fieldlist-formatsettings>
+                <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
+            </e-fieldlist-formatsettings>
+            <e-fieldlist-rows>
+                <e-field name="Country"></e-field>
+                <e-field name="Products"></e-field>
+            </e-fieldlist-rows>
+            <e-fieldlist-columns>
+                <e-field name="Year" caption="Year"></e-field>
+                <e-field name="Quarter"></e-field>
+            </e-fieldlist-columns>
+            <e-fieldlist-values>
+                <e-field name="Sold" caption="Units Sold"></e-field>
+                <e-field name="Amount" caption="Sold Amount"></e-field>
+            </e-fieldlist-values>
+        </e-datasourcesettings>
+    </ejs-pivotfieldlist>
+</div><br />
 
 <style>
-    #Static_FieldList {
+    #PivotFieldList {
         width: 400px;
     }
+
+    .e-pivotfieldlist .e-static {
+        width: 100% !important;
+    }
 </style>
 
 <script>
+
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/toolbar/tagHelper
index 80637c47a8..1ec72949e0 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showToolbar="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"FieldList" })" >
+<ejs-pivotview id="PivotView" showToolbar="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"FieldList" })" >
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" useGrouping="true"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/fieldlist/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/fieldlist/tagHelper
index e7f425f61f..ed2c9f3d32 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/fieldlist/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/fieldlist/tagHelper
@@ -1,83 +1,5 @@
-@{
-    List<PivotData> pivotData = new List<PivotData>();
-    pivotData.Add(new PivotData { Sold = 31, Amount = 52824, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 51, Amount = 86904, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 90, Amount = 153360, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 25, Amount = 42600, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 27, Amount = 46008, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 49, Amount = 83496, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 95, Amount = 161880, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 67, Amount = 114168, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 75, Amount = 127800, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 67, Amount = 114168, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 69, Amount = 117576, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 90, Amount = 153360, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 16, Amount = 27264, Country = "France", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 83, Amount = 124422, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 57, Amount = 85448, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 20, Amount = 29985, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 67, Amount = 70008, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 89, Amount = 60496, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 75, Amount = 801880, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 57, Amount = 204168, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 75, Amount = 737800, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 87, Amount = 884168, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 39, Amount = 729576, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 90, Amount = 38860, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 93, Amount = 139412, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 51, Amount = 92824, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 61, Amount = 76904, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 70, Amount = 43360, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 85, Amount = 62600, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 97, Amount = 86008, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 69, Amount = 93496, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 45, Amount = 301880, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 77, Amount = 404168, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 15, Amount = 137800, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 37, Amount = 184168, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 49, Amount = 89576, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 40, Amount = 33360, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 96, Amount = 77264, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 23, Amount = 24422, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 67, Amount = 75448, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 70, Amount = 52345, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 13, Amount = 135612, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 57, Amount = 90008, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 29, Amount = 90496, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 45, Amount = 301880, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 77, Amount = 404168, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 15, Amount = 137800, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 37, Amount = 184168, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 99, Amount = 829576, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 80, Amount = 38360, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 91, Amount = 67824, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 81, Amount = 99904, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 70, Amount = 49360, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 65, Amount = 69600, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 57, Amount = 90008, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 29, Amount = 90496, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 85, Amount = 391880, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 97, Amount = 904168, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 85, Amount = 237800, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 77, Amount = 384168, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 99, Amount = 829576, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 80, Amount = 38360, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 76, Amount = 97264, Country = "United States", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 53, Amount = 94422, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 90, Amount = 45448, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 29, Amount = 92345, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 67, Amount = 235612, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 97, Amount = 90008, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 79, Amount = 90496, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 95, Amount = 501880, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" });
-    pivotData.Add(new PivotData { Sold = 97, Amount = 104168, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" });
-    pivotData.Add(new PivotData { Sold = 95, Amount = 837800, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" });
-    pivotData.Add(new PivotData { Sold = 87, Amount = 684168, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" });
-    pivotData.Add(new PivotData { Sold = 109, Amount = 29576, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" });
-}
-
 <ejs-pivotview id="PivotView" height="300" showFieldList="true">
-    <e-datasourcesettings dataSource="@pivotData" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
+    <e-datasourcesettings dataSource="ViewBag.DataSource" expandAll="false" enableSorting="true" allowLabelFilter="true" allowValueFilter="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
         </e-formatsettings>
@@ -94,4 +16,4 @@
             <e-field name="Amount" caption="Sold Amount"></e-field>
         </e-values>
     </e-datasourcesettings>
-</ejs-pivotview>
+</ejs-pivotview>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-authentication/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-authentication/tagHelper
index 73686ec97b..28839817a9 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-authentication/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-authentication/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-calculated-field/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-calculated-field/tagHelper
index 8949e518e3..16b7c02d7f 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-calculated-field/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-calculated-field/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600">
+<ejs-pivotview id="PivotView" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-data-binding/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-data-binding/tagHelper
index 75bc719422..f6068e91a2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-data-binding/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-data-binding/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/tagHelper
index 94c4d80c17..e9af5a30a0 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600" allowDrillThrough="true" maxRowsInDrillThrough="10">
+<ejs-pivotview id="PivotView" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600" allowDrillThrough="true" maxRowsInDrillThrough="10">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-explore-filter/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-explore-filter/tagHelper
index bc13b9166d..80d46b5bb1 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-explore-filter/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-explore-filter/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600">
+<ejs-pivotview id="PivotView" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-field-list/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-field-list/tagHelper
index 5923b65e41..3a2047333f 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-field-list/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-field-list/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showFieldList="true" width="100%" height="600">
+<ejs-pivotview id="PivotView" showFieldList="true" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-fields/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-fields/tagHelper
index 75bc719422..f6068e91a2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-fields/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-fields/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-formatting/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-formatting/tagHelper
index 10bfaed346..8067726aa6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-formatting/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-formatting/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-grouping-bar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-grouping-bar/tagHelper
index 52af75e07a..654a35f5f6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-grouping-bar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-grouping-bar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showGroupingBar="true" width="100%" height="600">
+<ejs-pivotview id="PivotView" showGroupingBar="true" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-level-count/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-level-count/tagHelper
index 9ab3604f97..f11fa44df8 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-level-count/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-level-count/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600">
+<ejs-pivotview id="PivotView" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-in-row/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-in-row/tagHelper
index 78feb2bad1..28355dfcda 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-in-row/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-in-row/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/tagHelper
index b5c1014bb9..e0e80ca999 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-member-load/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-member-load/tagHelper
index e25fed94c9..3f87de962d 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-member-load/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-member-load/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600" loadOnDemandInMemberEditor="true">
+<ejs-pivotview id="PivotView" allowCalculatedField="true" showFieldList="true" showGroupingBar="true" width="100%" height="600" loadOnDemandInMemberEditor="true">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-named-set/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-named-set/tagHelper
index d2e58a549c..9108e7c5f2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-named-set/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-named-set/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showFieldList="true" showGroupingBar="true" width="100%" height="600">
+<ejs-pivotview id="PivotView" showFieldList="true" showGroupingBar="true" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-pivot-table/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-pivot-table/tagHelper
index 75bc719422..f6068e91a2 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-pivot-table/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-pivot-table/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-roles/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-roles/tagHelper
index a644681af2..a2fc5a3630 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-roles/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-roles/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600">
+<ejs-pivotview id="PivotView" width="100%" height="600">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" roles="Role1">
         <e-rows>
             <e-field name="[Customer].[Customer Geography]" caption="Customer Geography"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-virtual/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-virtual/tagHelper
index 20f6af8049..1e3bf181a9 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-virtual/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-virtual/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="600" enableVirtualization="true">
+<ejs-pivotview id="PivotView" width="100%" height="600" enableVirtualization="true">
     <e-datasourcesettings catalog="Adventure Works DW 2008 SE" cube="Adventure Works" url="https://bi.syncfusion.com/olap/msmdpump.dll" providerType="SSAS" enableSorting="true">
         <e-rows>
             <e-field name="[Customer].[Customer]" caption="Customer"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/internationalization/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/internationalization/tagHelper
index 95acf511d1..1b5c3f3d75 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/internationalization/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/internationalization/tagHelper
@@ -23,7 +23,7 @@
     var L10n = ej.base.L10n;
     L10n.load({
         "fr-CH": {
-            "pivotview": {
+            "PivotView": {
                 "grandTotal": "Grand Total",
                 "total": "Total",
                 "value": "Valeur",
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/localization/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/localization/tagHelper
index ba6f4e1c72..bcfe010676 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/localization/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/localization/tagHelper
@@ -22,7 +22,7 @@
     var L10n = ej.base.L10n;
     L10n.load({
         "fr-CH": {
-            "pivotview": {
+            "PivotView": {
                 "grandTotal": "Grand Total",
                 "total": "Total",
                 "value": "Valeur",
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/rtl/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/rtl/tagHelper
index 6393542c06..6f65a4314a 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/rtl/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/globalization/rtl/tagHelper
@@ -22,7 +22,7 @@
     var L10n = ej.base.L10n;
     L10n.load({
         "ar": {
-            "pivotview": {
+            "PivotView": {
                 "grandTotal": "المجموع الكلى",
                 "total": "المجموع",
                 "value": "القيمة",
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-click/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-click/tagHelper
index 7e77b94db7..844bc7b804 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-click/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-click/tagHelper
@@ -19,4 +19,4 @@
     function cellClick(args){
         args.currentCell.setAttribute("style", "background-color: red;");
     }
- <script>
\ No newline at end of file
+ </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-template/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-template/tagHelper
index b08fb7c53a..cf40660c1e 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-template/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/grid-customization/cell-template/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="300" dataBound="trend" cellTemplate="${getCellContent(data)}">
+<ejs-pivotview id="PivotView" width="100%" height="300" dataBound="trend" cellTemplate="${getCellContent(data)}">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="true" enableSorting="true">
         <e-formatsettings>
             <e-field name="ProCost" format="C0"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/load-pre-defined-report/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/load-pre-defined-report/tagHelper
index f762df3ef9..435266c74a 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/load-pre-defined-report/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/load-pre-defined-report/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" 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" dataBound="dataBound">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/numberformatting-event/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/numberformatting-event/tagHelper
index f4450134be..c3d81eb956 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/numberformatting-event/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/numberformatting-event/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowNumberFormatting="true" width="100%" height="300" numberFormatting="numberFormatting" showToolbar="true" toolbar="@(new List<string>() {"NumberFormatting" })" >
+<ejs-pivotview id="PivotView" allowNumberFormatting="true" width="100%" height="300" numberFormatting="numberFormatting" showToolbar="true" toolbar="@(new List<string>() {"NumberFormatting" })" >
     <e-datasourcesettings dataSource="@ViewBag.DataSource" >
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/tagHelper
index a0b9f2fe15..9f5bb483f7 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" 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">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/tagHelper
index 0e87fd0680..2ce5832213 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/tagHelper
@@ -23,7 +23,7 @@
         </table>
     </div>
     <div class="content-wrapper">
-        <ejs-pivotview id="Pivotview" height="300">
+        <ejs-pivotview id="PivotView" height="300">
             <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
                 <e-rows>
                     <e-field name="Country"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/tagHelper
index 0c9771645f..fa22dfa786 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300">
+<ejs-pivotview id="PivotView" height="300">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Year"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/tagHelper
index 9662a58a36..9e1c1e51b3 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300">
+<ejs-pivotview id="PivotView" height="300">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-drilledmembers>
             <e-field name="Year" items="@(new string[] { "FY 2016" })"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/tagHelper
index 460dbb0ec2..27585def6c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300">
+<ejs-pivotview id="PivotView" height="300">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Year"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/tagHelper
index 81313f1e04..385aea9b44 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300">
+<ejs-pivotview id="PivotView" height="300">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Year"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/tagHelper
index aa8a5ad201..1eddadbadb 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-drill/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300">
+<ejs-pivotview id="PivotView" height="300">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Country"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/tagHelper
index a8504592f0..ffd76c6488 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-explode/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" height="300">
+<ejs-pivotview id="PivotView" height="300">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Year"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-group/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-group/tagHelper
index 773801d602..45303599c6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-group/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-group/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview"  height="300"  showGroupingBar="true">
+<ejs-pivotview id="PivotView"  height="300"  showGroupingBar="true">
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Year"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/tagHelper
index 5297f55077..459365bea1 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-radius/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview"  height="300" >
+<ejs-pivotview id="PivotView"  height="300" >
     <e-datasourceSettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-rows>
             <e-field name="Year"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/sorting/alpha-numeric-headers/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/sorting/alpha-numeric-headers/tagHelper
index 080de3fcd3..d6eccf60e1 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/sorting/alpha-numeric-headers/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/sorting/alpha-numeric-headers/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview"  width="100%" height="300"  showGroupingBar="true">
+<ejs-pivotview id="PivotView"  width="100%" height="300"  showGroupingBar="true">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" >
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/toolbar/tagHelper
index 02c40eaa43..91cd0bfc2a 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/summary-customization/toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview"  showToolbar="true" width="100%" height="300" toolbar="@(new List<string>() {"SubTotal", "GrandTotal" })" >
+<ejs-pivotview id="PivotView"  showToolbar="true" width="100%" height="300" toolbar="@(new List<string>() {"SubTotal", "GrandTotal" })" >
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" useGrouping="true"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/save-load-json/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/save-load-json/tagHelper
index ff86646089..63aaf4d7cc 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/save-load-json/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/save-load-json/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="300">
+<ejs-pivotview id="PivotView" width="100%" height="300">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-charttypes/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-charttypes/tagHelper
index 4bf9a3dffb..938fc52d0a 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-charttypes/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-charttypes/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" width="100%" height="300" toolbar="@(new List<string>() {
+<ejs-pivotview id="PivotView" width="100%" height="300" toolbar="@(new List<string>() {
   "Grid", "Chart" })" chartTypes="@(new List<string>(){"Column", "Bar", "Line", "Area"})">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize-inbuilt/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize-inbuilt/tagHelper
index 8298c2ff91..b584e04f20 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize-inbuilt/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize-inbuilt/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showToolbar="true"  width="100%" height="300" toolbar="@(new List<string>() {"Save", "Export", "FieldList" })" saveReport="saveReport" toolbarRender="beforeToolbarRender">
+<ejs-pivotview id="PivotView" showToolbar="true"  width="100%" height="300" toolbar="@(new List<string>() {"Save", "Export", "FieldList" })" saveReport="saveReport" toolbarRender="beforeToolbarRender">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize/tagHelper
index e0f3b74c40..3c96fed973 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-customize/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showToolbar="true"  width="100%" height="300" toolbar="@(new List<string>() {"Expand/Collapse" })" toolbarRender="beforeToolbarRender">
+<ejs-pivotview id="PivotView" showToolbar="true"  width="100%" height="300" toolbar="@(new List<string>() {"Expand/Collapse" })" toolbarRender="beforeToolbarRender">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-export/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-export/tagHelper
index d414d43c50..67d6d6313c 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-export/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-export/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" 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" beforeExport="beforeExport">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp-rtl/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp-rtl/tagHelper
index d8b62bbf81..8ee0210842 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp-rtl/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp-rtl/tagHelper
@@ -5,7 +5,7 @@
 }
 <ejs-button id="enablertl" content="ENABLE RTL" cssClass="e-flat" isPrimary="true"></ejs-button>
 <ejs-button id="disablertl" content="DISABLE RTL" cssClass="e-flat" isPrimary="true"></ejs-button>
-<ejs-pivotview id="pivotview" showToolbar="true" width="100%" height="300" toolbar=toolbarItems>
+<ejs-pivotview id="PivotView" showToolbar="true" width="100%" height="300" toolbar=toolbarItems>
     <e-datasourcesettings dataSource="@ViewBag.DataSource">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
@@ -34,11 +34,11 @@
 
 <script>
     document.getElementById("enablertl").addEventListener('click', function () {
-        var pivotObj = document.getElementById("pivotview").ej2_instances[0];
+        var pivotObj = document.getElementById("PivotView").ej2_instances[0];
         pivotObj.enableRtl = true;
     });
     document.getElementById("disablertl").addEventListener('click', function () {
-        var pivotObj = document.getElementById("pivotview").ej2_instances[0];
+        var pivotObj = document.getElementById("PivotView").ej2_instances[0];
         pivotObj.enableRtl = false;
     });
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/tagHelper
index e607e92449..bb2458f1b4 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar-template/tool-temp/tagHelper
@@ -4,7 +4,7 @@
             <div><ejs-button id="collapsebtn" content="Collapse All" cssClass="e-flat" isPrimary="true"></ejs-button></div>
         </div>
     </div>
-<ejs-pivotview id="pivotview" showToolbar="true" width="100%" height="300" toolbarTemplate="#template">
+<ejs-pivotview id="PivotView" showToolbar="true" width="100%" height="300" toolbarTemplate="#template">
     <e-datasourcesettings dataSource="@ViewBag.DataSource">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
@@ -33,11 +33,11 @@
 
 <script>
     document.getElementById("expandbtn").addEventListener('click', function () {
-        var pivotObj = document.getElementById("pivotview").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("pivotview").ej2_instances[0];
+        var pivotObj = document.getElementById("PivotView").ej2_instances[0];
         pivotObj.dataSourceSettings.expandAll = false;
     });
 </script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar/tagHelper
index 00e41b9a67..afb3429635 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/toolbar/toolbar/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" toolbar="@(new List<string>() {"New", "Save", "SaveAs", "Rename", "Remove", "Load",
+<ejs-pivotview id="PivotView" allowExcelExport="true" allowNumberFormatting="true" allowConditionalFormatting="true" allowPdfExport="true" showToolbar="true" allowCalculatedField="true" showFieldList="true" width="100%" height="300" 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">
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/tooltip-template/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/tooltip-template/tagHelper
index c43b45c2a6..c6c1b334f6 100644
--- a/ej2-asp-core-mvc/code-snippet/pivot-table/tooltip-template/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/pivot-table/tooltip-template/tagHelper
@@ -1,4 +1,4 @@
-<ejs-pivotview id="pivotview" showToolbar="true" tooltipTemplate="#Template" width="100%" height="300" toolbar="@(new List<string>() {"Grid", "Chart" })" >
+<ejs-pivotview id="PivotView" showToolbar="true" tooltipTemplate="#Template" width="100%" height="300" toolbar="@(new List<string>() {"Grid", "Chart" })" >
     <e-datasourcesettings dataSource="@ViewBag.DataSource" expandAll="false" enableSorting="true">
         <e-formatsettings>
             <e-field name="Amount" format="C0" maximumSignificantDigits="10" minimumSignificantDigits="1" useGrouping="true"></e-field>
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..e9db16b44f 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..2d7164d523 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 popup field list.png b/ej2-asp-core-mvc/pivot-table/images/Search desired field in popup field list.png
index e5ba9b9e23..7334d64caa 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/Search desired field in popup field list.png and b/ej2-asp-core-mvc/pivot-table/images/Search desired field in popup field list.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..bc5ea72f62 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/aggregation_fl_icon.png b/ej2-asp-core-mvc/pivot-table/images/aggregation_fl_icon.png
index 3d92a9429e..ae0d75d308 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/aggregation_fl_icon.png and b/ej2-asp-core-mvc/pivot-table/images/aggregation_fl_icon.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fielddropped_fieldlist.png b/ej2-asp-core-mvc/pivot-table/images/fielddropped_fieldlist.png
index 7f3c9f3531..89f60a3f41 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fielddropped_fieldlist.png and b/ej2-asp-core-mvc/pivot-table/images/fielddropped_fieldlist.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..72f2b106f8 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-default-sort.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist-default-sort.png
index eafc9d2ff1..445b6c847d 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist-default-sort.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist-default-sort.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist-sort.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist-sort.png
index c601a78214..28e9efe249 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist-sort.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist-sort.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_avg.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_avg.png
index 9a1b79b96c..a1619314ff 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_avg.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_aggregation_avg.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..5d94b6244d 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_axes.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_axes.png
index 7623482391..a0b5e06cad 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_axes.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_axes.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_caption1.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_caption1.png
index 7aa5e4a96b..6303c42330 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_caption1.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_caption1.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_deferupdate.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_deferupdate.png
index 916c2670a9..d9f905a83e 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_deferupdate.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_deferupdate.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_editor.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_editor.png
index bf065de905..22b0f52ac2 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_editor.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_editor.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/fieldlist_filtericon.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_filtericon.png
index e4cc87662d..c3f4dc203b 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_filtericon.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_filtericon.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..7d52d51310 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_hide.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_hide.png
index 179f530218..41d7d2301a 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_hide.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_hide.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..325e29a996 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_sorticon.png b/ej2-asp-core-mvc/pivot-table/images/fieldlist_sorticon.png
index 39ef6bdae2..64a7f338ed 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlist_sorticon.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlist_sorticon.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..48bdacaa34 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/fieldlistmeasureatdifferentposition.png b/ej2-asp-core-mvc/pivot-table/images/fieldlistmeasureatdifferentposition.png
index 003e5ca6c0..6b4fb24701 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/fieldlistmeasureatdifferentposition.png and b/ej2-asp-core-mvc/pivot-table/images/fieldlistmeasureatdifferentposition.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gs_calc_button.png b/ej2-asp-core-mvc/pivot-table/images/gs_calc_button.png
index c6bfa4b7d9..e987e605f6 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gs_calc_button.png and b/ej2-asp-core-mvc/pivot-table/images/gs_calc_button.png differ
diff --git a/ej2-asp-core-mvc/pivot-table/images/gs_calc_dialog.png b/ej2-asp-core-mvc/pivot-table/images/gs_calc_dialog.png
index deec3ae56f..a89d0f36ed 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gs_calc_dialog.png and b/ej2-asp-core-mvc/pivot-table/images/gs_calc_dialog.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..b8753029f5 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_dialog.png b/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_dialog.png
index 8fd7e1c161..02953161e2 100644
Binary files a/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_dialog.png and b/ej2-asp-core-mvc/pivot-table/images/gs_fieldlist_dialog.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..38b72292d3 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/popup-fieldlist-specifictarget.png b/ej2-asp-core-mvc/pivot-table/images/popup-fieldlist-specifictarget.png
index dcc4af5bc3..5198d7ae2c 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/staticfieldlist.png b/ej2-asp-core-mvc/pivot-table/images/staticfieldlist.png
index 589ac18fb4..e0112c5e99 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.png b/ej2-asp-core-mvc/pivot-table/images/toolbar.png
index 30e67419dd..965619bcbf 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