Override the number formats in a culture

Environment

Product	Progress Telerik UI for ASP.NET Core Grid
Progress Telerik UI for ASP.NET Core version	Created with the 2023.2.829 version

Description

How can I override the numeric delimiters for Telerik UI for ASP.NET Core culture?

Solution

To achieve the desired scenario add a script which extends the numeric options for the culture:

Script.js

<script>
        var customUS = $.extend(true, {}, kendo.culture(), {
            name: "custom-US",
            numberFormat: {
              ",": " ",
              ".": "^",
  			  currency: {
                ",": " ",
                ".": "^",
              },
              percent: {
                ",": " ",
                ".": "^",
              }
            }
        });
      kendo.cultures["custom-US"] = customUS;
   	  kendo.culture("custom-US");
</script>

Index.cshtml

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
    .Name("Grid")
    .Columns(columns =>
    {
            columns.Bound(p => p.UnitPrice).Title("Unit Price");
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read("Products_Read", "Grid")
    )
)

For a runnable example based on the code above, refer to the:

• REPL example on overriding the numeric delimiters in culture

More ASP.NET Core Culture Resources

• Globalization Overview
• Right-to-Left Languages
• Localization

See Also

• Telerik UI for ASP.NET Core Breaking Changes
• Telerik UI for ASP.NET Core Knowledge Base