From 1d6701c424fe057abf6caeb2f8e7c738759d0765 Mon Sep 17 00:00:00 2001
From: vikramsundarajan <129823420+vikramsundarajan@users.noreply.github.com>
Date: Wed, 19 Feb 2025 12:42:24 +0530
Subject: [PATCH 1/2] Added the topic of Set different locale for two Grids in
 same page

---
 .../two-localization/localization.cs          |  6 +++
 .../grid/globalization/two-localization/razor | 42 ++++++++++++++++++
 .../globalization/two-localization/tagHelper  | 44 +++++++++++++++++++
 .../grid/EJ2_ASP.MVC/global-local.md          | 17 +++++++
 .../grid/EJ2_ASP.NETCORE/global-local.md      | 17 +++++++
 5 files changed, 126 insertions(+)
 create mode 100644 ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs
 create mode 100644 ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
 create mode 100644 ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper

diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs
new file mode 100644
index 0000000000..c728c26fcc
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs
@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    var orders = OrderDetails.GetAllRecords();
+    ViewBag.datasource = orders;            
+    return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
new file mode 100644
index 0000000000..32028915a9
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
@@ -0,0 +1,42 @@
+@Html.EJS().Grid("deGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>
+    {
+        col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").Add();
+        col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+        col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
+        col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+    
+    }).AllowPaging().AllowGrouping().Locale("de-DE").PageSettings(page => page.PageSize(6)).Render();
+    
+    @Html.EJS().Grid("enGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>
+    {
+        col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").Add();
+        col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+        col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
+        col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+    
+    }).AllowPaging().AllowGrouping().Locale("en").PageSettings(page => page.PageSize(6)).Render()
+    
+    <script>
+        ej.base.L10n.load({
+            'de-DE': {
+                'grid': {
+                    'EmptyRecord': 'Keine Aufzeichnungen angezeigt',
+                    'GroupDropArea': 'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte',
+                    'UnGroup': 'Klicken Sie hier, um die Gruppierung aufheben',
+                    'EmptyDataSourceError': 'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster',
+                    'Item': 'Artikel',
+                    'Items': 'Artikel'
+                },
+                'pager': {
+                    'currentPageInfo': '{0} von {1} Seiten',
+                    'totalItemsInfo': '({0} Beiträge)',
+                    'firstPageTooltip': 'Zur ersten Seite',
+                    'lastPageTooltip': 'Zur letzten Seite',
+                    'nextPageTooltip': 'Zur nächsten Seite',
+                    'previousPageTooltip': 'Zurück zur letzten Seit',
+                    'nextPagerTooltip': 'Gehen Sie zu den nächsten Pager-Elementen',
+                    'previousPagerTooltip': 'Gehen Sie zu vorherigen Pager-Elementen'
+                }
+            }
+        });
+    </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
new file mode 100644
index 0000000000..3d91c013ed
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
@@ -0,0 +1,44 @@
+<ejs-grid id="deGrid" dataSource="@ViewBag.datasource" allowPaging="true" locale="de-DE" allowGrouping="true">
+<e-grid-pagesettings pageCount="6"></e-grid-pagesettings>
+<e-grid-columns>
+    <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" width="120"></e-grid-column>
+    <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
+    <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column>
+    <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
+</e-grid-columns>
+</ejs-grid>
+
+<ejs-grid id="enGrid" dataSource="@ViewBag.datasource" allowPaging="true" locale="en" allowGrouping="true">
+<e-grid-pagesettings pageCount="6"></e-grid-pagesettings>
+<e-grid-columns>
+    <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" width="120"></e-grid-column>
+    <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
+    <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column>
+    <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
+</e-grid-columns>
+</ejs-grid>
+
+<script>
+ej.base.L10n.load({
+    'de-DE': {
+        'grid': {
+            'EmptyRecord': 'Keine Aufzeichnungen angezeigt',
+            'GroupDropArea': 'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte',
+            'UnGroup': 'Klicken Sie hier, um die Gruppierung aufheben',
+            'EmptyDataSourceError': 'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster',
+            'Item': 'Artikel',
+            'Items': 'Artikel'
+        },
+        'pager': {
+            'currentPageInfo': '{0} von {1} Seiten',
+            'totalItemsInfo': '({0} Beiträge)',
+            'firstPageTooltip': 'Zur ersten Seite',
+            'lastPageTooltip': 'Zur letzten Seite',
+            'nextPageTooltip': 'Zur nächsten Seite',
+            'previousPageTooltip': 'Zurück zur letzten Seit',
+            'nextPagerTooltip': 'Gehen Sie zu den nächsten Pager-Elementen',
+            'previousPagerTooltip': 'Gehen Sie zu vorherigen Pager-Elementen'
+        }
+    }
+});
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
index 8d24edf1f6..a636df4e5b 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
@@ -295,6 +295,23 @@ To switch to the **French** culture and set the currency code as **EUR**, you ca
 
 ![Globalization-Switch-Culture](images/globalization/switch-localization.gif)
 
+### Set different locale for two Grids in same page
+
+The Syncfusion Grid allows you to use different locales for multiple Grids on the same page. You can achieve this by setting the [locale](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property for each Grid individually.
+
+In the following example, the first Grid is configured to use the French **de-DE** locale. This is achieved by setting the locale property to **de-DE** and loading the French translation object using the **L10n.load** function from the **ej2-base** module. For the second Grid, the locale property is set to **en-US**, which applies the default English locale.
+
+This setup demonstrates how to display/apply different locale texts for each Grid on the same page by configuring the [locale](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property individually and loading the necessary translations.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/globalization/two-localization/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Localization.cs" %}
+{% include code-snippet/grid/globalization/two-localization/localization.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Internationalization
 
 The Internationalization library in the Syncfusion ASP.NET MVC Grid provides a localized display of number, date, and time values in the Grid control based on the preferred language and region.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
index 552cb5a5d2..5b6113f862 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
@@ -295,6 +295,23 @@ To switch to the **French** culture and set the currency code as **EUR**, you ca
 
 ![Globalization-Switch-Culture](images/globalization/switch-localization.gif)
 
+### Set different locale for two Grids in same page
+
+The Syncfusion Grid allows you to use different locales for multiple Grids on the same page. You can achieve this by setting the [locale](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property for each Grid individually.
+
+In the following example, the first Grid is configured to use the French **de-DE** locale. This is achieved by setting the locale property to **de-DE** and loading the French translation object using the **L10n.load** function from the **ej2-base** module. For the second Grid, the locale property is set to **en-US**, which applies the default English locale.
+
+This setup demonstrates how to display/apply different locale texts for each Grid on the same page by configuring the [locale](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property individually and loading the necessary translations.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/globalization/two-localization/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Localization.cs" %}
+{% include code-snippet/grid/globalization/two-localization/localization.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Internationalization
 
 The Internationalization library in the Syncfusion ASP.NET Core Grid provides a localized display of number, date, and time values in the Grid control based on the preferred language and region.

From 914d8027330c5d464d8420f0a4f06b949e728c43 Mon Sep 17 00:00:00 2001
From: vikramsundarajan <129823420+vikramsundarajan@users.noreply.github.com>
Date: Sun, 23 Mar 2025 21:08:25 +0530
Subject: [PATCH 2/2] 940676: Changed the content and code snippet

---
 .../grid/globalization/two-localization/razor | 209 ++++++++++++++----
 .../globalization/two-localization/tagHelper  | 176 +++++++++++++--
 .../grid/EJ2_ASP.MVC/global-local.md          |   7 +-
 .../grid/EJ2_ASP.NETCORE/global-local.md      |   7 +-
 4 files changed, 330 insertions(+), 69 deletions(-)

diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
index 32028915a9..18234cb923 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
@@ -1,42 +1,169 @@
-@Html.EJS().Grid("deGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>
-    {
-        col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").Add();
-        col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
-        col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
-        col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
-    
-    }).AllowPaging().AllowGrouping().Locale("de-DE").PageSettings(page => page.PageSize(6)).Render();
-    
-    @Html.EJS().Grid("enGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>
-    {
-        col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").Add();
-        col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
-        col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
-        col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
-    
-    }).AllowPaging().AllowGrouping().Locale("en").PageSettings(page => page.PageSize(6)).Render()
-    
-    <script>
-        ej.base.L10n.load({
-            'de-DE': {
-                'grid': {
-                    'EmptyRecord': 'Keine Aufzeichnungen angezeigt',
-                    'GroupDropArea': 'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte',
-                    'UnGroup': 'Klicken Sie hier, um die Gruppierung aufheben',
-                    'EmptyDataSourceError': 'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster',
-                    'Item': 'Artikel',
-                    'Items': 'Artikel'
-                },
-                'pager': {
-                    'currentPageInfo': '{0} von {1} Seiten',
-                    'totalItemsInfo': '({0} Beiträge)',
-                    'firstPageTooltip': 'Zur ersten Seite',
-                    'lastPageTooltip': 'Zur letzten Seite',
-                    'nextPageTooltip': 'Zur nächsten Seite',
-                    'previousPageTooltip': 'Zurück zur letzten Seit',
-                    'nextPagerTooltip': 'Gehen Sie zu den nächsten Pager-Elementen',
-                    'previousPagerTooltip': 'Gehen Sie zu vorherigen Pager-Elementen'
-                }
+@Html.EJS().Grid("deGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>{
+    col.Field("OrderID").HeaderText("Order ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+    col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
+    col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+}).AllowPaging().Locale("fr-FR").Render();
+@Html.EJS().Grid("enGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>{
+    col.Field("OrderID").HeaderText("Order ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+    col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
+    col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+}).AllowPaging().Locale("en").Render()
+<script>
+    ej.base.L10n.load({
+        'fr-FR': {
+            'grid': {
+                "EmptyRecord": "Aucun enregistrement à afficher",
+                "True": "vrai",
+                "False": "faux",
+                "InvalidFilterMessage": "Données de filtre non valides",
+                "GroupDropArea": "Faites glisser un en-tête de colonne ici pour regrouper sa colonne",
+                "UnGroup": "Cliquez ici pour dissocier",
+                "GroupDisable": "Le regroupement est désactivé pour cette colonne",
+                "FilterbarTitle": "Cellule de barre de filtre \"s",
+                "EmptyDataSourceError": "DataSource ne doit pas être vide lors du chargement initial car les colonnes sont générées à partir de dataSource dans AutoGenerate Column Grid",
+                "Add": "Ajouter",
+                "Edit": "Éditer",
+                "Cancel": "Annuler",
+                "Update": "Mise à jour",
+                "Delete": "Supprimer",
+                "Print": "Impression",
+                "Pdfexport": "Exportation PDF",
+                "Excelexport": "Exportation Excel",
+                "Wordexport": "Exportation de mots",
+                "Csvexport": "Exportation CSV",
+                "Search": "Chercher",
+                "Columnchooser": "Colonnes",
+                "Save": "sauvegarder",
+                "Item": "article",
+                "Items": "articles",
+                "EditOperationAlert": "Aucun enregistrement sélectionné pour l'opération d'édition",
+                "DeleteOperationAlert": "Aucun enregistrement sélectionné pour l'opération de suppression",
+                "SaveButton": "Sauvegarder",
+                "OKButton": "Ok",
+                "CancelButton": "Annuler",
+                "EditFormTitle": "Les détails de",
+                "AddFormTitle": "Ajouter un nouvel enregistrement",
+                "BatchSaveConfirm": "Voulez-vous vraiment enregistrer les modifications ?",
+                "BatchSaveLostChanges": "Les modifications non enregistrées seront perdues. Es-tu sur de vouloir continuer ?",
+                "ConfirmDelete": "Voulez-vous vraiment supprimer l'enregistrement ?",
+                "CancelEdit": "Voulez-vous vraiment annuler les modifications ?",
+                "ChooseColumns": "Choisissez la colonne",
+                "SearchColumns": "colonnes de recherche",
+                "Matchs": "Aucun résultat",
+                "FilterButton": "Filtrer",
+                "ClearButton": "Effacer",
+                "StartsWith": "Commence par",
+                "EndsWith": "Se termine par",
+                "Contains": "Contient",
+                "Equal": "Égal",
+                "NotEqual": "Différent",
+                "LessThan": "Inférieur",
+                "LessThanOrEqual": "Inférieur ou égal",
+                "GreaterThan": "Supérieur",
+                "GreaterThanOrEqual": "Supérieur ou égal",
+                "ChooseDate": "Choisissez une date",
+                "EnterValue": "Entrez la valeur",
+                "Copy": "Copie",
+                "Group": "Regrouper par cette colonne",
+                "Ungroup": "Dissocier par cette colonne",
+                "autoFitAll": "Ajuster automatiquement toutes les colonnes",
+                "autoFit": "Ajuster automatiquement cette colonne",
+                "Export": "Exportation",
+                "FirstPage": "Première page",
+                "LastPage": "Dernière page",
+                "PreviousPage": "Page précédente",
+                "NextPage": "Page suivante",
+                "SortAscending": "Trier par ordre croissant",
+                "SortDescending": "Trier par ordre décroissant",
+                "EditRecord": "Modifier l'enregistrement",
+                "DeleteRecord": "Supprimer l'enregistrement",
+                "FilterMenu": "Filtre",
+                "SelectAll": "Tout sélectionner",
+                "Blanks": "Blancs",
+                "FilterTrue": "Vrai",
+                "FilterFalse": "Faux",
+                "NoResult": "Aucun résultat",
+                "ClearFilter": "Effacer le filtre",
+                "NumberFilter": "Filtres numériques",
+                "TextFilter": "Filtres de texte",
+                "DateFilter": "Filtres de date",
+                "DateTimeFilter": "Filtres DateTime",
+                "MatchCase": "Cas de correspondance",
+                "Between": "Entre",
+                "CustomFilter": "Filtre personnalisé",
+                "CustomFilterPlaceHolder": "Entrez la valeur",
+                "CustomFilterDatePlaceHolder": "Choisissez une date",
+                "AND": "ET",
+                "OR": "OU",
+                "ShowRowsWhere": "Afficher les lignes où:",
+                "NotStartsWith": "Ne commence pas par",
+                "Like": "Comme",
+                "NotEndsWith": "Ne se termine pas par",
+                "NotContains": "Ne contient pas",
+                "IsNull": "Nul",
+                "NotNull": "Non nul",
+                "IsEmpty": "Vide",
+                "IsNotEmpty": "Pas vide",
+                "AddCurrentSelection": "Ajouter la sélection actuelle au filtre",
+                "UnGroupButton": "Cliquez ici pour dissocier",
+                "AutoFitAll": "Ajuster automatiquement toutes les colonnes",
+                "AutoFit": "Ajuster automatiquement cette colonne",
+                "Clear": "Dégager",
+                "FilterMenuDialogARIA": "Boîte de dialogue du menu Filtre",
+                "ExcelFilterDialogARIA": "Boîte de dialogue de filtre Excel",
+                "DialogEditARIA": "Boîte de dialogue Modifier",
+                "ColumnChooserDialogARIA": "Sélecteur de colonne",
+                "ColumnMenuDialogARIA": "Boîte de dialogue du menu des colonnes",
+                "CustomFilterDialogARIA": "Boîte de dialogue Filtre personnalisé",
+                "SortAtoZ": "Trier de A à Z",
+                "SortZtoA": "Trier de Z à A",
+                "SortByOldest": "Trier par le plus ancien",
+                "SortByNewest": "Trier par Plus récent",
+                "SortSmallestToLargest": "Trier du plus petit au plus grand",
+                "SortLargestToSmallest": "Trier du plus grand au plus petit",
+                "Sort": "Sorte",
+                "FilterDescription": "Appuyez sur Alt Bas pour ouvrir le menu du filtre",
+                "SortDescription": "Appuyez sur Entrée pour trier",
+                "ColumnMenuDescription": "Appuyez sur Alt Bas pour ouvrir le menu des colonnes",
+                "GroupDescription": "Appuyez sur Ctrl espace pour grouper",
+                "ColumnHeader": " en-tête de colonne ",
+                "TemplateCell": " est une cellule modèle",
+                "CommandColumnAria": "est l'en-tête de colonne de la colonne de commande ",
+                "DialogEdit": "Modifier la boîte de dialogue",
+                "ClipBoard": "presse-papiers",
+                "GroupButton": "Bouton de groupe",
+                "UnGroupAria": "bouton dissocier",
+                "GroupSeperator": "Séparateur pour les colonnes groupées",
+                "UnGroupIcon": "dissocier la colonne groupée ",
+                "GroupedSortIcon": "trier la colonne groupée ",
+                "GroupedDrag": "Faites glisser la colonne groupée",
+                "GroupCaption": " est une cellule de légende de groupe",
+                "CheckBoxLabel": "case à cocher",
+                "Expanded": "Étendue",
+                "Collapsed": "S'est effondré"
+            },
+            'pager': {
+                "currentPageInfo": "{0} de {1} pages",
+                "totalItemsInfo": "({0} éléments)",
+                "firstPageTooltip": "Aller à la première page",
+                "lastPageTooltip": "Aller à la dernière page",
+                "nextPageTooltip": "Aller à la page suivante",
+                "previousPageTooltip": "Aller à la page précédente",
+                "nextPagerTooltip": "Aller aux éléments suivants du téléavertisseur",
+                "previousPagerTooltip": "Accéder aux éléments de téléavertisseur précédents",
+                "pagerDropDown": "objets par page",
+                "pagerAllDropDown": "Articles",
+                "All": "Tout",
+                "totalItemInfo": "({0} élément)",
+                "Container": "Conteneur de téléavertisseur",
+                "Information": "Informations sur le téléavertisseur",
+                "ExternalMsg": "Message externe du téléavertisseur",
+                "Page": "Page",
+                "Of": " de ",
+                "Pages": " pages"
             }
-        });
-    </script>
\ No newline at end of file
+        }
+    });
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
index 3d91c013ed..1eee8080d2 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
@@ -1,17 +1,15 @@
-<ejs-grid id="deGrid" dataSource="@ViewBag.datasource" allowPaging="true" locale="de-DE" allowGrouping="true">
-<e-grid-pagesettings pageCount="6"></e-grid-pagesettings>
+<ejs-grid id="Grid1" dataSource="@ViewBag.datasource" allowPaging="true" locale="fr-FR">
 <e-grid-columns>
-    <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" width="120"></e-grid-column>
+    <e-grid-column field="OrderID" headerText="Order ID" width="120" textAlign= "Right"></e-grid-column>
     <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
     <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column>
     <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
 </e-grid-columns>
 </ejs-grid>
 
-<ejs-grid id="enGrid" dataSource="@ViewBag.datasource" allowPaging="true" locale="en" allowGrouping="true">
-<e-grid-pagesettings pageCount="6"></e-grid-pagesettings>
+<ejs-grid id="Grid2" dataSource="@ViewBag.datasource" allowPaging="true" locale="en" >
 <e-grid-columns>
-    <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" width="120"></e-grid-column>
+    <e-grid-column field="OrderID" headerText="Order ID" width="120" textAlign= "Right"></e-grid-column>
     <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
     <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column>
     <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
@@ -19,25 +17,159 @@
 </ejs-grid>
 
 <script>
-ej.base.L10n.load({
-    'de-DE': {
+ej.base.L10n.load(
+{
+    'fr-FR': {
         'grid': {
-            'EmptyRecord': 'Keine Aufzeichnungen angezeigt',
-            'GroupDropArea': 'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte',
-            'UnGroup': 'Klicken Sie hier, um die Gruppierung aufheben',
-            'EmptyDataSourceError': 'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster',
-            'Item': 'Artikel',
-            'Items': 'Artikel'
+            "EmptyRecord": "Aucun enregistrement à afficher",
+            "True": "vrai",
+            "False": "faux",
+            "InvalidFilterMessage": "Données de filtre non valides",
+            "GroupDropArea": "Faites glisser un en-tête de colonne ici pour regrouper sa colonne",
+            "UnGroup": "Cliquez ici pour dissocier",
+            "GroupDisable": "Le regroupement est désactivé pour cette colonne",
+            "FilterbarTitle": "Cellule de barre de filtre \"s",
+            "EmptyDataSourceError": "DataSource ne doit pas être vide lors du chargement initial car les colonnes sont générées à partir de dataSource dans AutoGenerate Column Grid",
+            "Add": "Ajouter",
+            "Edit": "Éditer",
+            "Cancel": "Annuler",
+            "Update": "Mise à jour",
+            "Delete": "Supprimer",
+            "Print": "Impression",
+            "Pdfexport": "Exportation PDF",
+            "Excelexport": "Exportation Excel",
+            "Wordexport": "Exportation de mots",
+            "Csvexport": "Exportation CSV",
+            "Search": "Chercher",
+            "Columnchooser": "Colonnes",
+            "Save": "sauvegarder",
+            "Item": "article",
+            "Items": "articles",
+            "EditOperationAlert": "Aucun enregistrement sélectionné pour l'opération d'édition",
+            "DeleteOperationAlert": "Aucun enregistrement sélectionné pour l'opération de suppression",
+            "SaveButton": "Sauvegarder",
+            "OKButton": "Ok",
+            "CancelButton": "Annuler",
+            "EditFormTitle": "Les détails de",
+            "AddFormTitle": "Ajouter un nouvel enregistrement",
+            "BatchSaveConfirm": "Voulez-vous vraiment enregistrer les modifications ?",
+            "BatchSaveLostChanges": "Les modifications non enregistrées seront perdues. Es-tu sur de vouloir continuer ?",
+            "ConfirmDelete": "Voulez-vous vraiment supprimer l'enregistrement ?",
+            "CancelEdit": "Voulez-vous vraiment annuler les modifications ?",
+            "ChooseColumns": "Choisissez la colonne",
+            "SearchColumns": "colonnes de recherche",
+            "Matchs": "Aucun résultat",
+            "FilterButton": "Filtrer",
+            "ClearButton": "Effacer",
+            "StartsWith": "Commence par",
+            "EndsWith": "Se termine par",
+            "Contains": "Contient",
+            "Equal": "Égal",
+            "NotEqual": "Différent",
+            "LessThan": "Inférieur",
+            "LessThanOrEqual": "Inférieur ou égal",
+            "GreaterThan": "Supérieur",
+            "GreaterThanOrEqual": "Supérieur ou égal",
+            "ChooseDate": "Choisissez une date",
+            "EnterValue": "Entrez la valeur",
+            "Copy": "Copie",
+            "Group": "Regrouper par cette colonne",
+            "Ungroup": "Dissocier par cette colonne",
+            "autoFitAll": "Ajuster automatiquement toutes les colonnes",
+            "autoFit": "Ajuster automatiquement cette colonne",
+            "Export": "Exportation",
+            "FirstPage": "Première page",
+            "LastPage": "Dernière page",
+            "PreviousPage": "Page précédente",
+            "NextPage": "Page suivante",
+            "SortAscending": "Trier par ordre croissant",
+            "SortDescending": "Trier par ordre décroissant",
+            "EditRecord": "Modifier l'enregistrement",
+            "DeleteRecord": "Supprimer l'enregistrement",
+            "FilterMenu": "Filtre",
+            "SelectAll": "Tout sélectionner",
+            "Blanks": "Blancs",
+            "FilterTrue": "Vrai",
+            "FilterFalse": "Faux",
+            "NoResult": "Aucun résultat",
+            "ClearFilter": "Effacer le filtre",
+            "NumberFilter": "Filtres numériques",
+            "TextFilter": "Filtres de texte",
+            "DateFilter": "Filtres de date",
+            "DateTimeFilter": "Filtres DateTime",
+            "MatchCase": "Cas de correspondance",
+            "Between": "Entre",
+            "CustomFilter": "Filtre personnalisé",
+            "CustomFilterPlaceHolder": "Entrez la valeur",
+            "CustomFilterDatePlaceHolder": "Choisissez une date",
+            "AND": "ET",
+            "OR": "OU",
+            "ShowRowsWhere": "Afficher les lignes où:",
+            "NotStartsWith": "Ne commence pas par",
+            "Like": "Comme",
+            "NotEndsWith": "Ne se termine pas par",
+            "NotContains": "Ne contient pas",
+            "IsNull": "Nul",
+            "NotNull": "Non nul",
+            "IsEmpty": "Vide",
+            "IsNotEmpty": "Pas vide",
+            "AddCurrentSelection": "Ajouter la sélection actuelle au filtre",
+            "UnGroupButton": "Cliquez ici pour dissocier",
+            "AutoFitAll": "Ajuster automatiquement toutes les colonnes",
+            "AutoFit": "Ajuster automatiquement cette colonne",
+            "Clear": "Dégager",
+            "FilterMenuDialogARIA": "Boîte de dialogue du menu Filtre",
+            "ExcelFilterDialogARIA": "Boîte de dialogue de filtre Excel",
+            "DialogEditARIA": "Boîte de dialogue Modifier",
+            "ColumnChooserDialogARIA": "Sélecteur de colonne",
+            "ColumnMenuDialogARIA": "Boîte de dialogue du menu des colonnes",
+            "CustomFilterDialogARIA": "Boîte de dialogue Filtre personnalisé",
+            "SortAtoZ": "Trier de A à Z",
+            "SortZtoA": "Trier de Z à A",
+            "SortByOldest": "Trier par le plus ancien",
+            "SortByNewest": "Trier par Plus récent",
+            "SortSmallestToLargest": "Trier du plus petit au plus grand",
+            "SortLargestToSmallest": "Trier du plus grand au plus petit",
+            "Sort": "Sorte",
+            "FilterDescription": "Appuyez sur Alt Bas pour ouvrir le menu du filtre",
+            "SortDescription": "Appuyez sur Entrée pour trier",
+            "ColumnMenuDescription": "Appuyez sur Alt Bas pour ouvrir le menu des colonnes",
+            "GroupDescription": "Appuyez sur Ctrl espace pour grouper",
+            "ColumnHeader": " en-tête de colonne ",
+            "TemplateCell": " est une cellule modèle",
+            "CommandColumnAria": "est l'en-tête de colonne de la colonne de commande ",
+            "DialogEdit": "Modifier la boîte de dialogue",
+            "ClipBoard": "presse-papiers",
+            "GroupButton": "Bouton de groupe",
+            "UnGroupAria": "bouton dissocier",
+            "GroupSeperator": "Séparateur pour les colonnes groupées",
+            "UnGroupIcon": "dissocier la colonne groupée ",
+            "GroupedSortIcon": "trier la colonne groupée ",
+            "GroupedDrag": "Faites glisser la colonne groupée",
+            "GroupCaption": " est une cellule de légende de groupe",
+            "CheckBoxLabel": "case à cocher",
+            "Expanded": "Étendue",
+            "Collapsed": "S'est effondré"
         },
         'pager': {
-            'currentPageInfo': '{0} von {1} Seiten',
-            'totalItemsInfo': '({0} Beiträge)',
-            'firstPageTooltip': 'Zur ersten Seite',
-            'lastPageTooltip': 'Zur letzten Seite',
-            'nextPageTooltip': 'Zur nächsten Seite',
-            'previousPageTooltip': 'Zurück zur letzten Seit',
-            'nextPagerTooltip': 'Gehen Sie zu den nächsten Pager-Elementen',
-            'previousPagerTooltip': 'Gehen Sie zu vorherigen Pager-Elementen'
+            "currentPageInfo": "{0} de {1} pages",
+            "totalItemsInfo": "({0} éléments)",
+            "firstPageTooltip": "Aller à la première page",
+            "lastPageTooltip": "Aller à la dernière page",
+            "nextPageTooltip": "Aller à la page suivante",
+            "previousPageTooltip": "Aller à la page précédente",
+            "nextPagerTooltip": "Aller aux éléments suivants du téléavertisseur",
+            "previousPagerTooltip": "Accéder aux éléments de téléavertisseur précédents",
+            "pagerDropDown": "objets par page",
+            "pagerAllDropDown": "Articles",
+            "All": "Tout",
+            "totalItemInfo": "({0} élément)",
+            "Container": "Conteneur de téléavertisseur",
+            "Information": "Informations sur le téléavertisseur",
+            "ExternalMsg": "Message externe du téléavertisseur",
+            "Page": "Page",
+            "Of": " de ",
+            "Pages": " pages"
         }
     }
 });
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
index a636df4e5b..bba1ecfba7 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
@@ -297,16 +297,17 @@ To switch to the **French** culture and set the currency code as **EUR**, you ca
 
 ### Set different locale for two Grids in same page
 
-The Syncfusion Grid allows you to use different locales for multiple Grids on the same page. You can achieve this by setting the [locale](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property for each Grid individually.
+The Syncfusion Grid allows configuring different [locale](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) settings for multiple Grids displayed on the same page. By using the **load** function of the **L10n** class, you can customize the text content of the Grid to be displayed in different languages.
 
-In the following example, the first Grid is configured to use the French **de-DE** locale. This is achieved by setting the locale property to **de-DE** and loading the French translation object using the **L10n.load** function from the **ej2-base** module. For the second Grid, the locale property is set to **en-US**, which applies the default English locale.
+In this setup, each Grid can display text in a different language based on its assigned `locale`. The `load` function is used to define translations for specific languages, ensuring that each Grid correctly applies the localized text for headers, toolbar items, and action buttons.
 
-This setup demonstrates how to display/apply different locale texts for each Grid on the same page by configuring the [locale](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property individually and loading the necessary translations.
+For example, when the first Grid is set to use the **fr-FR** locale, it applies the French translations loaded via **L10n.load**. The second Grid, set to **en-US**, retains the default English text. This demonstrates how localization can be customized per Grid without affecting other components on the page.
 
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/grid/globalization/two-localization/razor %}
 {% endhighlight %}
+
 {% highlight c# tabtitle="Localization.cs" %}
 {% include code-snippet/grid/globalization/two-localization/localization.cs %}
 {% endhighlight %}
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
index 5b6113f862..3d8ef851d9 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
@@ -297,16 +297,17 @@ To switch to the **French** culture and set the currency code as **EUR**, you ca
 
 ### Set different locale for two Grids in same page
 
-The Syncfusion Grid allows you to use different locales for multiple Grids on the same page. You can achieve this by setting the [locale](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property for each Grid individually.
+The Syncfusion Grid allows configuring different [locale](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) settings for multiple Grids displayed on the same page. By using the **load** function of the **L10n** class, you can customize the text content of the Grid to be displayed in different languages.
 
-In the following example, the first Grid is configured to use the French **de-DE** locale. This is achieved by setting the locale property to **de-DE** and loading the French translation object using the **L10n.load** function from the **ej2-base** module. For the second Grid, the locale property is set to **en-US**, which applies the default English locale.
+In this setup, each Grid can display text in a different language based on its assigned `locale`. The `load` function is used to define translations for specific languages, ensuring that each Grid correctly applies the localized text for headers, toolbar items, and action buttons.
 
-This setup demonstrates how to display/apply different locale texts for each Grid on the same page by configuring the [locale](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) property individually and loading the necessary translations.
+For example, when the first Grid is set to use the **fr-FR** locale, it applies the French translations loaded via **L10n.load**. The second Grid, set to **en-US**, retains the default English text. This demonstrates how localization can be customized per Grid without affecting other components on the page.
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/grid/globalization/two-localization/tagHelper %}
 {% endhighlight %}
+
 {% highlight c# tabtitle="Localization.cs" %}
 {% include code-snippet/grid/globalization/two-localization/localization.cs %}
 {% endhighlight %}