Sync with Kendo UI Professional

Author: kendo-bot

docs-aspnet/getting-started-core/first-steps.md

@@ -53,7 +53,7 @@ In this tutorial, you will:
 
 1. In the search box, enter **Model-View-Controller**, select the **ASP.NET Core Web App (Model-View-Controller)** C# template, and then select **Next**.
 
-    ![{{ site.product_short }} Create a new project](../getting-started-core/images/create-project-vs2019.png)
+    ![{{ site.product_short }} Create a new project](../getting-started-core/images/create-project-vs2022.png)
 
 1. Enter **MyTelerikProject** as a project name, and then select **Next**.
 
@@ -80,8 +80,6 @@ The easiest way to add the Telerik NuGet feed to Visual Studio if you are a tria
 
 1. Run the installer.
 
-1. Select the option **Set up Telerik NuGet package source** to automatically add the [Telerik NuGet feed]({% slug nuget_install_aspnetmvc6_aspnetmvc %}).
-
     ![{{ site.product_short }} NuGet checkbox in Progress Trial Installer](../getting-started-core/images/check-nuget.png)
 
 >To activate your UI for ASP.NET Core trial license, you must complete the installation procedure. Otherwise, the `Telerik.UI.for.AspNet.Core` NuGet packages will not appear in the NuGet Package Manager.
@@ -96,11 +94,11 @@ The easiest way to add the Telerik NuGet feed to Visual Studio if you have purch
 
 1. Run the Progress Control Panel `exe`.
 
-1. On the Login screen, check the **set up Telerik NuGet package source** option.
+1. Log in to your Telerik account.
 
     ![{{ site.product_short }} Set Up Nuget on Progress Control Panel Login](../getting-started-core/images/login-control-panel.png)
 
-1. If you miss to set up the NuGet feed on login, go to the Progress Control Panel options and scroll to **NUGET SETTINGS**. Enter your Telerik credentials and click the **Save and Close** button.
+1. Go to the Progress Control Panel options and scroll to **NUGET SETTINGS**. Enter your Telerik credentials and click the **Save and Close** button.
 
     ![{{ site.product_short }} Set Up Nuget on Progress Control Panel options](../getting-started-core/images/nuget-control-panel-options.png)
 

docs-aspnet/getting-started-core/images/check-nuget.png

@@ -106,7 +106,7 @@ To configure a chart series for drill-down:
 {% else %}
 
 ```Controller
-    public IActionResult Get_Companies()
+    public ActionResult Get_Companies()
     {
         return Json(ChartDataRepository.Companies(), JsonRequestBehavior.AllowGet);
     }
@@ -334,15 +334,15 @@ To populate the drill-down series on dynamically:
     </script>     
 ```   
 ```Controller
-        public IActionResult Dynamic_Data()
+        public ActionResult Dynamic_Data()
         {
             ViewData["VehiclesByModel"] = ChartDataRepository.VehicleModels();
             ViewData["VehiclesByQuarter"] = ChartDataRepository.VehicleQuarters();
 
             return View();
         }
 
-        public IActionResult Get_VehicleMakes()
+        public ActionResult Get_VehicleMakes()
         {
             return Json(ChartDataRepository.VehicleMakes(), JsonRequestBehavior.AllowGet);    
         }
@@ -590,14 +590,14 @@ To populate the drilldown series asynchronously:
     </script>     
 ```   
 ```Controller
-    public IActionResult Dynamic_Data()
+    public ActionResult Dynamic_Data()
     {
         ViewData["VehiclesByModel"] = ChartDataRepository.VehicleModels();
 
         return View();
     }
 
-    public IActionResult Get_VehicleMakes()
+    public ActionResult Get_VehicleMakes()
     {
         return Json(ChartDataRepository.VehicleMakes(), JsonRequestBehavior.AllowGet);    
     }
@@ -738,7 +738,7 @@ To customize the root item of the Chart's Breadcrumb and change its appearance,
 {% else %}
 
 ```Controller
-    public IActionResult Get_Companies()
+    public ActionResult Get_Companies()
     {
         return Json(ChartDataRepository.Companies(), JsonRequestBehavior.AllowGet);
     }
@@ -921,7 +921,7 @@ To implement a custom drill-down navigation:
 {% else %}
 
 ```Controller
-    public IActionResult Get_Companies()
+    public ActionResult Get_Companies()
     {
         return Json(ChartDataRepository.Companies(), JsonRequestBehavior.AllowGet);
     }

docs-aspnet/getting-started-core/images/create-project-vs2019.png

@@ -222,6 +222,7 @@ A more flexible alternative is to provide the series with an array of objects. T
 
 You can bind the Chart to a data set in the view model or to items that are stored in `ViewBag`/`ViewData`.
 
+{% if site.core %}
 ```tab-Controller
         public IActionResult Local_Data_Binding()
         {
@@ -242,6 +243,28 @@ You can bind the Chart to a data set in the view model or to items that are stor
             return View(internetUsers);
         }
 ```
+{% else %}
+```tab-Controller
+        public ActionResult Local_Data_Binding()
+        {
+            var internetUsers = new InternetUsers[] {
+                new InternetUsers(2000,43.1,"United States"),
+                new InternetUsers(2001,49.2,"United States"),
+                new InternetUsers(2002,59.0,"United States"),
+                new InternetUsers(2003,61.9,"United States"),
+                new InternetUsers(2004,65,"United States"),
+                new InternetUsers(2005,68.3,"United States"),
+                new InternetUsers(2006,69.2,"United States"),
+                new InternetUsers(2007,75.3,"United States"),
+                new InternetUsers(2008,74.2,"United States"),
+                new InternetUsers(2009,71.2,"United States"),
+                new InternetUsers(2010,74.2,"United States"),
+                new InternetUsers(2011,78.2,"United States")
+            };
+            return View(internetUsers);
+        }
+```
+{% endif %}
 ```tab-Model
     public class InternetUsers
     {
@@ -318,6 +341,7 @@ To bind to remote data by using the DataSource component:
 
 1. Add a new action method in your controller that returns the data set.
 
+    {% if site.core %}
     ```tab-Controller
             [HttpPost]
             public IActionResult _SpainElectricityProduction()
@@ -341,6 +365,31 @@ To bind to remote data by using the DataSource component:
                 return Json(result);
             }
     ```
+    {% else %}
+    ```tab-Controller
+            [HttpPost]
+            public ActionResult _SpainElectricityProduction()
+            {
+                // Data is usually read from a service that communicates with the an instance of the DbContext. 
+                // Refer to the MSDN documentation for further details on connecting to a data base and using a DBContext:
+                // https://docs.microsoft.com/en-us/dotnet/api/microsoft.entityframeworkcore.dbcontext?view=efcore-5.0
+                //
+                // For clarity, in this example static data is generated and returned from the remote-endpoint.
+                var result = new ElectricityProduction[] {
+                    new ElectricityProduction("2000", 18, 31807, 4727, 62206),
+                    new ElectricityProduction("2001", 24, 43864, 6759, 63708),
+                    new ElectricityProduction("2002", 30, 26270, 9342, 63016),
+                    new ElectricityProduction("2003", 41, 43897, 12075, 61875),
+                    new ElectricityProduction("2004", 56, 34439, 15700, 63606),
+                    new ElectricityProduction("2005", 41, 23025, 21176, 57539),
+                    new ElectricityProduction("2006", 119, 29831, 23297, 60126),
+                    new ElectricityProduction("2007", 508, 30522, 27568, 55103),
+                    new ElectricityProduction("2008", 2578, 26112, 32203, 58973)
+                };
+                return Json(result);
+            }
+    ```
+    {% endif %}
     ```tab-Model
         public class ElectricityProduction
         {
@@ -433,12 +482,21 @@ To bind to remote data by using the DataSource component:
 
     Unlike the Grid, the Chart is configured to read a flat data response by default. If you have custom logic that requires the usage of the `ToDataSourceResult()` extension method when returning data for the Chart, configure a custom DataSource with a schema that can correctly parse the response. For further details on the DataSource configuration refer to the [DataSource section of the documentation]({% slug htmlhelpers_datasource_aspnetcore %}).
 
+    {% if site.core %}
     ```tab-Controller
         public IActionResult Products_Read([DataSourceRequest] DataSourceRequest request)
         {
             return Json(productService.Read().ToDataSourceResult(request));
         }
     ```
+    {% else %}
+    ```tab-Controller
+        public ActionResult Products_Read([DataSourceRequest] DataSourceRequest request)
+        {
+            return Json(productService.Read().ToDataSourceResult(request));
+        }
+    ```
+    {% endif %}
     ```HtmlHelper
         @(Html.Kendo().Chart<Kendo.Mvc.Examples.Models.ProductViewModel>()
             .Name("chart")

docs-aspnet/getting-started-core/images/create-project-vs2022.png

@@ -176,6 +176,7 @@ To add an additional pane that is placed at the bottom of the chart and can be u
 
 In the `Home` controller, declare the `RemoteDataBindingData` action that you set to the DataSource `Read` configuration in step `3`.
 
+{% if site.core %}
 ```Controller
     public IActionResult _BoeingStockData()
     {
@@ -203,6 +204,35 @@ In the `Home` controller, declare the `RemoteDataBindingData` action that you se
         return Json(data);
     }
 ```
+{% else %}
+```Controller
+    public ActionResult _BoeingStockData()
+    {
+        var data = new List<StockDataPoint>()
+        {
+            new StockDataPoint {
+                Date= new DateTime(2016,1,1),
+                Open= 41.62M,
+                High= 41.69M,
+                Low= 39.81M,
+                Close= 40.12M,
+                Volume= 2632000
+            },
+            new StockDataPoint {
+                Date= new DateTime(2016,3,1),
+                Open= 40.62M,
+                High= 39.69M,
+                Low= 40.81M,
+                Close= 39.12M,
+                Volume= 2631986
+            }
+
+        };
+
+        return Json(data, JsonRequestBehavior.AllowGet);
+    }
+```
+{% endif %}
 
 ## 6. Handle the StockChart Events