Sync with Kendo UI Professional

Author: kendo-bot

docs-aspnet/html-helpers/charts/no-data-template.md

@@ -8,7 +8,7 @@ position: 6
 
 # No Data Template
 
-The Telerik UI Chart component for {{ site.framework }} allows you to display a message when there is no data to show. This feature is particularly useful when loading data asynchronously, as it reassures users that data may appear after a delay. Customizing the No Data Template is simple, enabling you to add styling or interactive elements like buttons to improve usability. Here’s how to set up a custom message for scenarios where the chart data is unavailable.
+The Telerik UI Chart component for {{ site.framework }} allows to display a message when there is no data to show. This feature is particularly useful when loading data asynchronously, as it reassures users that data may appear after a delay. Customizing the No Data Template is simple, enabling to add styling or interactive elements like buttons to improve usability. The No Data Template can be used for all [chart types]({% slug overview_charttypes_charts%}). Here’s how to set up a custom message for scenarios where the chart data is unavailable.
 
 ## Example with Bar Chart
 
@@ -194,6 +194,23 @@ The Telerik UI Chart component for {{ site.framework }} allows you to display a
     </script>
 ```
 
+## Intergation with Template Component
+
+The Telerik Template component can be integrated to further enhance the No Data Template. For example, the Html.Kendo().Template() approach can be used to add more complex UI elements, such as buttons or forms, directly within the template. Here is an example:
+
+```HtmlHelper
+    @(Html.Kendo().Chart<Kendo.Mvc.Examples.Models.ElectricityProduction>()
+        .Name("chart")
+        .DataSource(ds => ds.Read(read => read.Action("_SpainElectricityProduction", "Bar_Charts")))
+        .Series(series =>
+        {
+            series.Column(model => model.Nuclear).Name("Nuclear").CategoryField("Year");
+            series.Column(model => model.Wind).Name("Wind").CategoryField("Year");
+        })
+        .NoData(nd => nd.Template(Html.Kendo().Template().AddHtml(@<text>No Data To display</text>).AddComponent(c => c.Button().Name("btn").Content("Reload").Events(ev => ev.Click("implementReloadFunctionality")))))
+    )
+```
+
 ## See Also
 
 * [Using the API of the Chart HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/chart-api/index)

docs-aspnet/html-helpers/charts/overview.md

@@ -310,9 +310,9 @@ You may also need to apply global settings that affect all axes. In such cases,
 
 * [Data binding]({% slug htmlhelpers_charts_databinding_aspnetcore %})—You can populate the Telerik UI Chart for {{ site.framework }} with data by binding it to inline data, local data, or remote data.
 * [Appearance]({% slug htmlhelpers_charts_appearance_aspnetcore %})—Unlike other {{ site.product }} components which use only CSS for styling, you can control the appearance of the Chart elements primarily by using JavaScript style options.
-* [Scaffolding](% slug scaffoldingchart_aspnetmvc %)—The Chart for {{ site.framework }} enables you to use the Kendo UI Scaffolder Visual Studio extension.
-* [No Data Template](% slug htmlhelpers_charts_no_data_template %)—The Chart for {{ site.framework }} allows you to display a message when there is no data to show. Here’s how to set up a custom message for scenarios where the chart data is unavailable.
-* [Series Patterns](% slug htmlhelpers_charts_patterns %)—The Telerik UI Chart component for {{ site.framework }} offers customization options for presenting data visually, including support for using patterns in chart series.
+* [Scaffolding]({% slug scaffoldingchart_aspnetmvc %})—The Chart for {{ site.framework }} enables you to use the Kendo UI Scaffolder Visual Studio extension.
+* [No Data Template]({% slug htmlhelpers_charts_no_data_template %})—The Chart for {{ site.framework }} allows you to display a message when there is no data to show. Here’s how to set up a custom message for scenarios where the chart data is unavailable.
+* [Series Patterns]({% slug htmlhelpers_charts_patterns %})—The Telerik UI Chart component for {{ site.framework }} offers customization options for presenting data visually, including support for using patterns in chart series.
 
 ## Chart Types
 

docs-aspnet/html-helpers/charts/series-patterns.md

@@ -10,6 +10,28 @@ position: 7
 
 The Telerik UI Chart component for {{ site.framework }} offers customization options for presenting data visually, including support for using patterns in chart series. Patterns are providing unique and visually differentiate between them. This article demonstrates how to apply various patterns to the series in a Bar Chart and a Pie Chart.
 
+## Pattern Types
+
+The Telerik UI Chart component for {{ site.framework }} offers several pattern types to enhance the visual presentation of chart series:
+
+* `Crosshatch`
+* `DiagonalStripes`
+* `Dots`
+* `Grid`
+* `VerticalStripes`
+
+## Pattern Settings
+
+The chart series patterns can be customized by adjusting the following settings:
+
+* `Background` - The Background color of the pattern
+* `Color` - The color of the pattern. Defaults to the series color
+* `Gap` - The gap between the elements of the pattern
+* `Radius` - The radius of the dots(applicable only for the "Dots" pattern)
+* `Size` - The size of the squares in the Grid(applicable only for the "Grid" pattern)
+* `Type` - Specifies the type of the pattern
+* `Width` - The width of the lines(applicable for the "Crosshatch", "DiagonalStripes", and "VerticalStripes" patterns)
+
 ## Example with Bar Chart
 
 The following example showcases a bar chart where each series uses a different pattern, allowing viewers to easily differentiate between them.

docs/_config.yml

@@ -7,7 +7,7 @@ capital_casing_redirects: true
 
 # Exclude files which should not be in the output
 exclude: [README.md, Gemfile, Gemfile.lock,api_sort.rb, all-pages.md, Dockerfile, bs-config.js, build-docs.sh, copy_content.sh, copy_local.sh, docs-watcher/*, exclude_files.txt, install-npm.sh, start-docs.sh, watch.sh]
-exclude_navigation: ["knowledge-base/*", contribution.html, "third-party/webforms/*"]
+exclude_navigation: ["knowledge-base/*", contribution.html, "third-party/webforms/*", "php/*", "jsp/*"]
 navigation:
 ## List your directory names and order here, like this:
     "api":
@@ -341,14 +341,6 @@ navigation:
     "security":
         title: "Security"
         position: 12
-    "jsp":
-        title: "Progress<sup>®</sup> Telerik<sup>®</sup> UI for JSP"
-        position: 20
-    "php":
-        title: "Progress<sup>®</sup> Telerik<sup>®</sup> UI for PHP"
-        position: 30
-    "php/widgets":
-        title: "Classes"
     "backwards-compatibility":
         title: "Breaking Changes"
         position: 40
@@ -702,12 +694,6 @@ navigation:
     "api/javascript":
         title: "JavaScript"
         position: 2
-    "api/jsp":
-        title: "JSP"
-        position: 3
-    "api/php":
-        title: "PHP"
-        position: 4
     "all-pages":
         title: "All Pages GSA"
 
@@ -1530,30 +1516,6 @@ defaults:
         category: "default"
         product: "kendo-ui"
         editable: true
--
-    scope:
-        path: "php"
-    values:
-        product: "php-ui"
--
-    scope:
-        path: "api/php"
-    values:
-        product: "php-ui"
-        editable: false
-        has_api_toc: true
--
-    scope:
-        path: "api/jsp"
-    values:
-        product: "jsp-ui"
-        editable: false
-        has_api_toc: true
--
-    scope:
-        path: "jsp"
-    values:
-        product: "jsp-ui"
 -
     scope:
         path: "api"

docs/controls/splitter/appearance.md

@@ -10,8 +10,6 @@ position: 4
 
 The Splitter provides options for [nesting its layouts](#nesting-layouts), implementing [automatic](#auto-resizing) and [manual](#resizing-manually) resizing, and [allowing elements to overflow panes](#allowing-elements-to-overflow-panes).
 
-> The Splitter relies on JavaScript size calculations to construct its layout while Flexbox relies on pure CSS. The two techniques are difficult to combine and the Splitter is not designed to work with Flexbox but rather to spare the need to use Flexbox in general. To avoid CSS conflicts, do not apply Flexbox styles to the Splitter elements.
-
 ## Nesting Layouts
 
 To render complex layouts, you can nest layouts in the Splitter.

docs/controls/splitter/panes.md

@@ -26,10 +26,18 @@ The `resize()` method of the Splitter recalculates the pane sizes and the split
     splitterObject.resize(true);
 
 
+## Resizing Panes
+
+Prior to Kendo UI Q4 2024, the Splitter would render a "ghost" element to indicate where the new position of the dragging indicator would be. The resizing would complete once you let go of the mouse, or you press the corresponding keyboard key. After Kendo UI Q4 2024, the Splitter uses live resizing, meaning that once you start moving the dragging indicator, the pane would immediately be resized.
+
 ## Resize Panes Using Click-Move-Click 
 
 As of Kendo UI R2 SP1 2023, users can resize the Splitter's panes by using the click-move-click functionality provided by the [`clickMoveClick`](/api/javascript/ui/splitter/configuration/clickmoveclick) option. To start resizing the pane, users can click it, and then click again to fix the pane size.
 
+## Panes Positioning
+
+Prior to Kendo UI Q4 2024, the Splitter's panes were absolutely positioned which involved a lot of calculations. This old approach has been replaced with the flexbox approach.
+
 ## See Also
 
 * [Basic Usage of the Splitter (Demo)](https://demos.telerik.com/kendo-ui/splitter/index)

docs/introduction.md

@@ -93,24 +93,6 @@ Kendo UI for Vue comes in two flavors: [native Kendo UI for Vue](https://www.tel
 * [Get a License](https://www.telerik.com/purchase/aspnet-mvc)
 * [License Agreement](https://www.telerik.com/purchase/license-agreement/aspnet-mvc)
 
-### Progress<sup>®</sup> Telerik<sup>®</sup> UI for JSP
-
-[Telerik UI for JSP](/jsp/introduction) is a Kendo UI product flavor which targets the Java web application developers. It includes Java Server Pages (JSP) tags for all commercially available Kendo UI components.
-
-* [Demos](https://demos.telerik.com/jsp-ui/)
-* [Docs](/jsp/introduction)
-* [Get a License](https://www.telerik.com/purchase/jsp-ui)
-* [License Agreement](https://www.telerik.com/purchase/license-agreement/jsp-ui)
-
-### Progress<sup>®</sup> Telerik<sup>®</sup> UI for PHP
-
-[Telerik UI for PHP](/php/introduction) is a Kendo UI product flavor which targets the PHP web application developers. It includes PHP classes for configuring all Kendo UI components.
-
-* [Demos](https://demos.telerik.com/php-ui/)
-* [Docs](/php/introduction)
-* [Get a License](https://www.telerik.com/purchase/php-ui)
-* [License Agreement](https://www.telerik.com/purchase/license-agreement/php-ui)
-
 ### RadSpreadProcessing
 
 [RadSpreadProcessing](https://www.telerik.com/products/wpf/spreadsheet-processing.aspx) is a .NET library which allows you to read, create, and write Microsoft Excel (`.xlsx`) documents. It complements the Spreadsheet component and allows you to process the data on the server, but can be used on its own as well.