Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/_config-mvc.yml

@@ -202,6 +202,11 @@ defaults:
         path: "html-helpers/data-management/pivotgrid"
     values:
         title_prefix: "ASP.NET MVC PivotGrid Component"
+-
+    scope:
+        path: "html-helpers/data-management/taskboard"
+    values:
+        title_prefix: "ASP.NET MVC TaskBoard Component"
 -
     scope:
         path: "html-helpers/data-management/spreadsheet"

docs-aspnet/_config.yml

@@ -214,6 +214,8 @@ navigation:
         title: "Grid"
      "tag-helpers/data-management/pivotgrid":
         title: "PivotGrid"
+     "tag-helpers/data-management/taskboard":
+        title: "TaskBoard"
      "tag-helpers/editors":
         title: "Editors"
      "tag-helpers/editors/imageeditor":
@@ -287,6 +289,8 @@ navigation:
      "html-helpers/data-management/grid/performance":
         title: "Performance Tips"
         position: 17
+     "html-helpers/data-management/taskboard":
+        title: "TaskBoard"
      "html-helpers/data-management/treelist/editing":
         title: "Editing"
         position: 3
@@ -586,6 +590,8 @@ navigation:
         title: "StockChart"
      "*tabstrip":
         title: "TabStrip"
+     "*taskboard":
+        title: "TaskBoard"   
      "*textarea":
         title: "TextArea"
         isNew: true
@@ -853,6 +859,11 @@ defaults:
         path: "html-helpers/editors/switch"
     values:
         title_prefix: "ASP.NET Core Switch Component"
+-
+    scope:
+        path: "html-helpers/data-management/taskboard"
+    values:
+        title_prefix: "ASP.NET Core TaskBoard Component"
 -
     scope:
         path: "html-helpers/editors/textarea"
@@ -1283,6 +1294,11 @@ defaults:
         path: "tag-helpers/editors/switch"
     values:
         title_prefix: "ASP.NET Core Switch Component"
+-
+    scope:
+        path: "tag-helpers/data-management/taskboard"
+    values:
+        title_prefix: "ASP.NET Core TaskBoard Component"
 -
     scope:
         path: "tag-helpers/editors/textarea"

docs-aspnet/_tools/check-redirects.sh

@@ -10,7 +10,7 @@ err_count=0
 
 # List of URLs to check: <from> <to>
 urls="
-/kendo-ui/api/wrappers/jsp /kendo-ui/api/jsp/alert
+/kendo-ui/api/wrappers/jsp /kendo-ui/api/jsp/actionSheet
 /kendo-ui/api/web/grid /kendo-ui/api/javascript/ui/grid
 /kendo-ui/api/mobile/application /kendo-ui/api/javascript/mobile/application
 /kendo-ui/api/mobile/scrollview /kendo-ui/api/javascript/mobile/ui/scrollview

docs-aspnet/backwards-compatibility/2021-backwards-compatibility.md

@@ -3,12 +3,20 @@ title: 2021 Releases
 page_title: 2020 Releases
 description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2021."
 slug: breakingchanges_2021
-position: 2
+position: 1
 ---
 
 # 2021 Releases
 
-This article lists the breaking changes in the 2021 releases of Kendo UI for {{ site.product }}.
+This article lists the breaking or important changes in the 2021 releases of Kendo UI.
+
+## {{ site.product }} R2 2021
+
+> Important change
+
+**Scheduler**
+
+As of the 2021 R2 release the events that are 24 hours or longer and do not have their `isAllDay` field set to `true` will be rendered in the regular (non all day) slots. In the previous versions such events were rendered in the allDaySlot. With the introduced change the `allDaySlot` will display only those events that have their `isAllDay` field set to `true`.
 
 ## {{ site.product }} R1 2021
 

docs-aspnet/html-helpers/barcodes/qrcode/images/imageType.png

@@ -0,0 +1,61 @@
+---
+title: QR Code Types
+page_title: QR Code Types
+description: "Try the different types of Telerik UI QRCode HtmlHelper for {{ site.framework }}."
+previous_url: /helpers/barcodes/qrcode/overview
+slug: types_qrcodehelper_aspnetcore
+position: 3
+---
+
+Kendo UI QR Code supports different types of overlay.
+
+# Swiss QR Type
+
+The QRCode component supports the [Swiss QR Code format](https://blog.xsuite.com/en/swiss-qr-code). Enabling the `Swiss` Type of the overlay will add a swiss cross in the QR Code. 
+
+The following implementation demonstrates the code needed for the Swiss Type:
+
+
+```View
+    @(Html.Kendo().QRCode()
+         .Name("qrSwiss")
+         .Value("SPC  0200  1  CH4431999123000889012  S  Robert Schneider AG  Rue du Lac  1268  2501  Biel  CH  1949.75  CHF  S  Pia-Maria Rutschmann-Schnyder  Grosse Marktgasse  28  9400  Rorschach  CH  QRR  210000000003139471430009017 Order of 15 June 2020  EPD  //S1/10/10201409/11/200701/20/140.000-53/30/102673831/31/200615/32/7.7/33/7.7:139.40/40/0:30  Name AV1: UV;UltraPay005;12345  Name AV2: XY;XYService;54321")
+         .Overlay(o => o.Type("swiss").Width(26).Height(26))
+         .Size(173)
+    )
+
+```
+Overview of the Swiss Type:
+
+![Swiss Type](images/swissType.png)
+
+* [Demo showing Swiss QR Code format](https://demos.telerik.com/{{ site.platform }}/qrcode/swiss)
+
+# QRCode Image Type
+
+The image type of the overlay is adding an image in the QR Code.
+
+The following implementation demonstrates the code needed for the Image Type:
+
+```View
+    @(Html.Kendo().QRCode()
+            .Name("qrImage")
+            .Value("SPC  0200  1  CH4431999123000889012  S  Robert Schneider AG  Rue du Lac  1268  2501  Biel  CH  1949.75  CHF  S  Pia-Maria Rutschmann-Schnyder  Grosse Marktgasse  28  9400  Rorschach  CH  QRR  210000000003139471430009017 Order of 15 June 2020  EPD  //S1/10/10201409/11/200701/20/140.000-53/30/102673831/31/200615/32/7.7/33/7.7:139.40/40/0:30  Name AV1: UV;UltraPay005;12345  Name AV2: XY;XYService;54321")
+            .Overlay(o => o.ImageUrl("https://demos.telerik.com/kendo-ui/content/shared/images/site/kendoka-cta.svg").Height(50).Width(50))
+            .Size(173)
+    )
+
+```
+Overview of the Image Type:
+
+![Image Type](images/imageType.png)
+
+* [Demo of QRCode with image](https://demos.telerik.com/{{ site.platform }}/qrcode/image)
+
+
+
+## See Also
+
+* [Basic Usage of the QRCode HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/qrcode/index)
+* [Using the API of the QRCode HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/qrcode/api)
+* [Server-Side API](/api/qrcode)

docs-aspnet/html-helpers/barcodes/qrcode/images/swissType.png

@@ -0,0 +1,52 @@
+---
+title: Keyboard Navigation
+page_title: Keyboard Navigation
+description: "Get started with the Telerik UI for {{ site.framework }} TaskBoard and learn about the accessibility support it provides through its keyboard navigation functionality."
+slug: htmlhelpers_taskboard_aspnetcore_keynav
+position: 2
+---
+
+# Keyboard Navigation
+
+The keyboard navigation of the TaskBoard is always available.
+
+The {{ site.framework }} TaskBoard supports the following keyboard shortcuts:
+
+| SHORTCUT						| DESCRIPTION				                                                        |
+|:---                 |:---                                                                                |
+| `Tab`             | navigates to the TaskBoard|
+| `Left Arrow`     | focuses the previous column or a card in the previous column|
+| `Right Arrow`    | focuses the next column or a card in the next column|
+| `Up Arrow`       | focuses the previous card|
+| `Down Arrow`     | focuses the next card|
+| `Enter`          | selects the focused card|
+| `Delete`         | deletes the focused card|
+| `Ctrl`+`e`       | puts the focused card or column in edit mode|
+| `Ctrl`+`a`       | adds a new column or card|
+
+For a complete example, refer to the [TaskBoard Keyboard Navigation (Demo)](https://demos.telerik.com/{{ site.platform }}/taskboard/keyboard-navigation).
+
+## Register Shortcut
+
+Additional shortcuts can be registered in the TaskBoard, with the `registerShortcut` client-side API method.
+
+The following example demonstrates how to register a shortcut for focusing the last card in the TaskBoard.
+
+    $(document).ready(function() {
+        var taskBoard = $("#taskBoard").data("kendoTaskBoard");
+
+        taskBoard.registerShortcut("*", {
+            keyCode: "q",
+            ctrlKey: true
+        }, {
+            handler: function () {
+                taskBoard.items().last().focus();
+            }
+        });
+    });
+    
+
+## See Also
+
+* [Keyboard Navigation of the TaskBoard (Demo)](https://demos.telerik.com/{{ site.platform }}/taskboard/keyboard-navigation)
+* [Accessibility Compliance in {{ site.product }}]({% slug compliance_accessibility %})

docs-aspnet/html-helpers/barcodes/qrcode/types.md

@@ -0,0 +1,33 @@
+---
+title: Overview
+page_title: Overview
+description: "Get started with the Telerik UI for {{ site.framework }} TaskBoard and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.1."
+slug: htmlhelpers_taskboard_aspnetcore_accessibility
+position: 1
+---
+
+# TaskBoard Accessibility
+
+The TaskBoard is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.1, and keyboard support.
+
+For more information, refer to:
+* [Keyboard navigation by the {{ site.product_short }} TaskBoard]({% slug htmlhelpers_taskboard_aspnetcore_keynav %})
+* [Accessibility in {{ site.product }}]({% slug overview_accessibility %})
+
+## WAI-ARIA
+
+The component follows the WAI-ARIA Authoring Practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers. For more information, refer to the article on [WAI-ARIA support in {{ site.product_short }}]({% slug overview_accessibility %}#wai-aria).
+
+## Section 508
+
+The TaskBoard is compliant with the Section 508 requirements. For more information, refer to the article on [Section 508 support in Telerik UI for {{ site.framework }}]({% slug overview_accessibility %}#section-508)
+
+## WCAG 2.1
+
+The TaskBoard supports the standards for providing accessible web content which are set by the [Web Content Accessibility Guidelines 2.1](https://www.w3.org/TR/WCAG/). For more information, refer to the article on [WCAG 2.1 compliance in {{ site.product_short }} ]({% slug overview_accessibility %}#wcag-21)
+
+## See Also
+
+* [Keyboard Navigation in the TaskBoard (Demo)](https://demos.telerik.com/{{ site.platform }}/taskboard/keyboard-navigation)
+* [Keyboard Navigation in the TaskBoard]({% slug htmlhelpers_taskboard_aspnetcore_keynav %})
+* [Accessibility Compliance in {{ site.product }}]({% slug compliance_accessibility %})

docs-aspnet/html-helpers/data-management/taskboard/accessibility/keyboard-navigation.md

@@ -0,0 +1,140 @@
+---
+title: Data Binding
+page_title: Data Binding
+description: "Get started with the Telerik UI for {{ site.framework }} TaskBoard and bind the component to local or remote data."
+slug: htmlhelpers_taskboard_aspnetcore_databinding
+position: 2
+---
+
+# Data Binding
+
+The TaskBoard provides options for binding it to [local](#binding-to-local-data) and [remote data](#binding-to-remote-data).
+
+## Binding to Local Data
+
+Local data is the data that is available on the client when the TaskBoard is initialized.
+
+The following example demonstrates how to bind the TaskBoard data saved in the ViewData.
+
+```Razor
+    @(Html.Kendo().TaskBoard()
+        .Name("taskBoard")
+        .Columns(c =>
+        {
+            c.Add().Text("To-do").Status("todo");
+            c.Add().Text("In Progress").Status("inProgress");
+            c.Add().Text("Done").Status("done");
+        })
+        .DataDescriptionField("Description")
+        .DataStatusField("Status")
+        .DataTitleField("Title")
+        .DataOrderField("Order")
+        .BindTo((IEnumerable<Kendo.Mvc.Examples.Models.TaskBoard.CardViewModel>)ViewBag.Cards)
+    )
+```
+```Controller
+    public partial class TaskBoardController : Controller
+    {
+        public ActionResult Index()
+        {
+            ViewBag.Cards = GetCards();
+
+            return View();
+        }
+
+        private static IList<CardViewModel> GetCards()
+        {
+            IList<CardViewModel> cards = new List<CardViewModel>()
+            {
+                new CardViewModel { ID = 1, Title = "Ads Analytics", Order = 1, Description = "Review ads performance", Status ="todo", Color= "blue" },
+                new CardViewModel { ID = 2, Title = "SEO Analytics", Order = 2, Description = "Review SEO results", Status ="todo", Color= "blue" },
+                new CardViewModel { ID = 3, Title = "Content", Order = 3, Description = "Plan content for podcasts", Status ="todo", Color= "orange" },
+                new CardViewModel { ID = 4, Title = "Customer Research", Order = 4, Description = "Refine feedback from user interviews", Status ="inProgress", Color= "orange" },
+                new CardViewModel { ID = 5, Title = "Campaigns", Order = 5, Description = "Collaborate with designers on new banners", Status ="inProgress", Color= "orange" },
+                new CardViewModel { ID = 6, Title = "Customer Journey", Order = 6, Description = "Review shopping cart experience", Status ="done", Color= "green" },
+                new CardViewModel { ID = 7, Title = "Content", Order = 7, Description = "Publish new blogpost", Status ="done", Color= "green" },
+                new CardViewModel { ID = 8, Title = "Post-Release Party", Order = 8, Description = "Plan new release celebration", Status ="done", Color= "blue" },
+            };
+
+            return cards;
+        }
+    }
+```
+
+## Binding to Remote Data
+
+You can also bind the TaskBoard to remote data. Remote data binding enables the retrieval of data from the server. For more information, refer to the [DataSource Overview article]({% slug htmlhelpers_datasource_aspnetcore %}).
+
+The following example demonstrates how to enable remote binding in the TaskBoard by configuring the columns DataSource and the DataSource for the cards.
+
+```Razor
+    @(Html.Kendo().TaskBoard<Kendo.Mvc.Examples.Models.Scheduler.TaskViewModel, Kendo.Mvc.Examples.Models.TaskBoard.Column>()
+        .Name("taskBoard")
+        .ColumnSettings(columnSettings => columnSettings
+            .DataTextField("Text")
+            .DataStatusField("ID")
+        )
+        .Columns(dataSource => dataSource
+            .Ajax()
+            .Read("Remote_Data_Binding_Columns_Read", "TaskBoard")
+        )
+        .DataTitleField("Title")
+        .DataStatusField("OwnerID")
+        .DataDescriptionField("Description")
+        .DataCategoryField("ID")
+        .TemplateId("card-template")
+        .DataSource(dataSource => dataSource
+            .Ajax()
+            .Model(model => model.Id(p => p.TaskID))
+            .Read(read => read.Action("Remote_Data_Binding_Read", "TaskBoard"))
+            .Update(update => update.Action("Remote_Data_Binding_Update", "TaskBoard"))
+        )
+        .Editable(false)
+    )
+```
+```Controller
+    public partial class TaskBoardController : Controller
+    {
+        public ActionResult Remote_Data_Binding()
+        {
+            return View();
+        }
+
+        public virtual JsonResult Remote_Data_Binding_Read([DataSourceRequest] DataSourceRequest request)
+        {
+            return Json(taskService.GetAll().ToDataSourceResult(request));
+        }
+
+        public virtual JsonResult Remote_Data_Binding_Update([DataSourceRequest] DataSourceRequest request, TaskViewModel task)
+        {
+            if (ModelState.IsValid)
+            {
+                taskService.Update(task, ModelState);
+            }
+
+            return Json(new[] { task }.ToDataSourceResult(request, ModelState));
+        }
+
+        public virtual JsonResult Remote_Data_Binding_Columns_Read([DataSourceRequest] DataSourceRequest request)
+        {
+            return Json(Remote_Data_Binding_GetColumns().ToDataSourceResult(request));
+        }
+
+        private static IList<Column> Remote_Data_Binding_GetColumns()
+        {
+            IList<Column> taskBoardColumns = new List<Column>()
+            {
+                new Column { ID = 1, Text = "Pending", Status = "pending" },
+                new Column { ID = 2, Text = "Under Review", Status = "underReview" },
+                new Column { ID = 3, Text = "Scheduled", Status = "scheduled" }
+            };
+
+            return taskBoardColumns;
+        }
+    }
+```
+
+## See Also
+
+* [Local Data Binding in the TaskBoard (Demo)](https://demos.telerik.com/{{ site.platform }}/taskboard/local-data-binding)
+* [Remote Data Binding in the TaskBoard (Demo)](https://demos.telerik.com/{{ site.platform }}/taskboard/remote-data-binding)