Sync with Kendo UI Professional

Author: kendo-bot

docs-aspnet/_config-mvc.yml

@@ -68,6 +68,7 @@ knowledge-base/isolate-sample-with-an-in-memory-database.md,
 knowledge-base/upload-resize-image-before-upload.md,
 knowledge-base/validator-basic-form-validation.md,
 knowledge-base/vs-online-continuous-integration-login-problem.md,
+knowledge-base/grid-azure-empty-cells.md,
 knowledge-base/grid-toggle-editable-mode.md,
 knowledge-base/grid-export-parent-and-all-detail-grids-to-excel.md,
 html-helpers/data-management/grid/binding/razor-page.md,

docs-aspnet/docs-builder-mvc.yml

@@ -168,6 +168,7 @@ excluded-files:
 - "**/html-helpers/data-management/listview/binding/razor-page.md"
 - "**/html-helpers/media/mediaplayer/razor-page.md"
 - "**/html-helpers/overview-taghelpers.md"
+- "**/knowledge-base/grid-azure-empty-cells.md"
 - "**/html-helpers/chartwizard/binding/razor-page.md"
 
 meta:

docs-aspnet/html-helpers/charts/accessibility/key-nav.md

@@ -42,6 +42,48 @@ When the legend area is focused, the following keyboard commands are available:
 | `Tab`                 | Moves the focus to the next focusable element on the page. If the legend position is `top` or `left`, moves focus to the chart area.
 | `Shift` & `Tab`       | Moves the focus to the chart area. If the legend position is `top` or `left`, moves focus to the previous focusable element on the page.
 
+## Focus Highlight
+
+Starting with version 2025 Q2, the Chart component provides the `FocusHighlight` setting, which allows you to customize the border appearance of the highlighted element during keyboard navigation.
+
+The `FocusHighlight` option can be applied to both Chart series and legend elements:
+
+```HtmlHelper
+    .Legend(legend => legend
+        .Position(ChartLegendPosition.Bottom)
+        .FocusHighlight(f=>f.Border(b=>b
+           .Width(3)
+           .Color("brown")
+           .DashType(ChartDashType.Solid)
+           .Opacity(0.7)
+        ))
+    )
+    .SeriesDefaults(s=>s.Donut().FocusHighlight(f=>
+       f.Border(b=>b
+        .Width(4)
+        .Color("green")
+        .DashType(ChartDashType.LongDash)
+        .Opacity(0.7)
+       )
+    ))
+```
+{% if site.core %}
+```TagHelper
+       @addTagHelper *, Kendo.Mvc
+
+       <chart-legend position="ChartLegendPosition.Bottom">
+            <focus-highlight>
+                 <border width="3" color="brown" dash-type="DashType.Solid" opacity="0.7" />
+            </focus-highlight>
+        </chart-legend>
+        <series-defaults type="ChartSeriesType.Donut">
+            <focus-highlight>
+                <border width="4" color="green" dash-type="DashType.LongDash" opacity="0.7" />
+            </focus-highlight>
+        </series-defaults>
+```
+{% endif %}
+
 ## See Also
 
 * [Keyboard Navigation by the Chart (Demo)](https://demos.telerik.com/{{ site.platform }}/charts/keyboard_navigation)

docs-aspnet/html-helpers/editors/checkboxgroup/binding.md

@@ -180,7 +180,7 @@ You can implement model binding both with [local](#items-method) and [remote dat
     @(Html.Kendo().CheckBoxGroupFor(model => model.CheckBoxGroupValue)
          .HtmlAttributes(new { style = "height: auto;" })
          .Layout(CheckBoxGroupLayout.Vertical)
-         .BindTo((List<IInputGroupItem>)ViewData["CheckBoxGroupItems"])
+         .BindTo((List<CheckBoxGroupModel>)ViewData["CheckBoxGroupItems"])
     )
 ```
 {% if site.core %}
@@ -189,7 +189,7 @@ You can implement model binding both with [local](#items-method) and [remote dat
 
     <kendo-checkboxgroup for="CheckBoxGroupValue"
                          value="Model.CheckBoxGroupValue"
-                         bind-to='(List<IInputGroupItem>)ViewData["CheckBoxGroupItems"]'>
+                         bind-to='(List<CheckBoxGroupModel>)ViewData["CheckBoxGroupItems"]'>
     </kendo-checkboxgroup>
 ```
 {% endif %}

docs-aspnet/knowledge-base/grid-azure-empty-cells.md

@@ -0,0 +1,74 @@
+---
+title: Fixing Bound(null) in Telerik UI for ASP.NET Core Grid with .NET 9 on Azure App Services
+description: This article provides a solution for issues related to empty cells when using Bound(null) in Grid columns upon deploying an ASP.NET Core MVC application to Azure App Services with .NET 9.
+type: troubleshooting
+page_title: Resolving Grid Column Display Issues in .NET 9 Azure App Services Deployments
+slug: grid-azure-empty-cells
+tags: kendo-ui, grid, asp.net-core, asp.net-mvc, azure-app-services, .net9, deployment, bound-null
+res_type: kb
+ticketid: 1679003
+---
+
+## Environment
+<table>
+<tbody>
+<tr>
+<td>Product</td>
+<td>Progress® Telerik UI® Grid for ASP.NET Core</td>
+</tr>
+</tbody>
+</table>
+
+## Description
+When deploying an ASP.NET Core MVC application using Telerik UI for ASP.NET Core Grid to Azure App Services after upgrading to .NET 9, a column bound with `Bound(null)` fails to render, showing an empty column instead. This issue does not occur when running the application locally or when using .NET 8.
+
+The Grid has a column that binds to `null`, as per the example below:
+```Razor
+ columns.Bound(null).ClientTemplate("Test").Title("Test");
+ ```
+
+The column cells are empty when the application is deployed on an Azure environment that uses .NET 9:
+![Empty Cells](images/grid-azure-empty-cells-1.png)
+
+## Cause
+
+The issue itself probably stems from the <a href="https://github.com/dotnet/aspnetcore/issues?q=milestone%3A9.0.2%20is%3Aclosed%20label%3Aservicing-approved%20" target="_blank">breaking changes introduced with .NET 9</a>. More specifically, where fields are nullable by default.
+
+Namely, the following pull request in the **aspnetcore** repository:
+https://github.com/dotnet/aspnetcore/pull/59533
+
+The Grid works locally but not in an Azure environment because the version of .NET 9 Azure is older and still has the bug. Your local machine is probably using the newer .NET SDK version 9.0.200.
+
+## Solution
+
+The `Bound(null)` syntax is not expected by default. Apparently, .NET 8 somehow let it slide until now. For more information on how to bind a Grid column to `null`, check out the following discussions:
+- https://www.telerik.com/forums/how-do-i-bound-null-object-value
+- https://stackoverflow.com/questions/74200047/support-null-columns-on-grid
+
+ In some scenarios, you would want to have a non-defined field like `Bound(null)`. Use any of the following approaches to resolve the issue.
+
+1. Utilize the `Template()` option to display the desired value:
+
+```Razor
+columns.Template("Test2").Title("Test");
+```
+
+As a result, the **Test2** column shows the specified value:
+![Proper Cells](images/grid-azure-empty-cells-2.png)
+
+2. Ensure that your local development environment and Azure deployment environment use the same version of the .NET 9 SDK/ASP.NET runtime. If they differ, consider deploying your application as a self-contained deployment (SCD). This approach packages the .NET runtime with your application, ensuring the same runtime version is used both locally and in Azure.
+![Both Columns](images/grid-azure-empty-cells-3.png)
+
+By following any of these approaches, the Grid columns should be displayed as expected when deploying the ASP.NET Core MVC application to Azure App Services with .NET 9.
+![Both Columns](images/grid-azure-empty-cells-4.png)
+
+
+## See Also
+
+* [Client-Side API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid)
+* [Server-Side API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/{{ site.platform }}/api/grid)
+{% if site.core %}
+* [Server-Side TagHelper API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/{{ site.platform }}/api/taghelpers/grid)
+{% endif %}
+* [Telerik UI for {{ site.framework }} Breaking Changes]({%slug breakingchanges_2023%})
+* [Telerik UI for {{ site.framework }} Knowledge Base](https://docs.telerik.com/{{ site.platform }}/knowledge-base)