Skip to content

Commit 28e57d9

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent 0b433af commit 28e57d9

File tree

12 files changed

+404
-204
lines changed

12 files changed

+404
-204
lines changed

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

Lines changed: 37 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -35,60 +35,73 @@ Telerik UI for ASP.NET Core requires .NET Core. To install .NET core, follow the
3535
## Create the Application
3636

3737
1. Open Visual Studio 2019 for Windows and select **Create a new project**.
38-
1. Select **ASP.NET Core Web Application** and click **Next**.
39-
1. Set a name and location for the project and click **Create**.
40-
1. Select **Web Application (Model-View-Controller)** and click **Create**.
38+
39+
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**.
40+
41+
![Download Progress Control Panel](../getting-started-core/images/create-project-vs2019.png)
42+
43+
1. Enter **MyTelerikProject** as a project name, and then select **Next**.
44+
45+
1. Select the **.NET 5.0** target framework, and then select **Create**.
4146

4247
## Add the Telerik NuGet Feed to Visual Studio
4348

4449
Telerik maintains a NuGet Feed with official UI for ASP.NET Core releases and service packs. These packages are available for registered users.
4550

46-
* If you use a free trial license, follow [these steps](#add-the-telerik-nuget-feed-for-trial-license-users) to add the NuGet feed to Visual Studio.
47-
* If you purchased a commercial license, follow [these steps](#add-the-telerik-nuget-feed-for-users-with-commercial-license) to add the NuGet feed to Visual Studio.
51+
The next step is to add the Telerik NuGet Feed to Visual Studio:
4852

49-
>**Tip**
50-
>
51-
>If you have already configured the Telerik NuGet feed in Visual Studio, jump to [Add the NuGet Package](#add-the-nuget-package).
53+
* If you use a free trial license, go to [Add the Telerik NuGet Feed for Trial License Users](#add-the-telerik-nuget-feed-for-trial-license-users).
54+
* If you purchased a commercial license, go to [Add the Telerik NuGet Feed for Users with Commercial License](#add-the-telerik-nuget-feed-for-users-with-commercial-license).
55+
56+
>tipIf you have already configured the Telerik NuGet feed in Visual Studio, jump to [Add the NuGet Package](#add-the-nuget-package).
5257
5358
### Add the Telerik NuGet Feed for Trial License Users
5459

5560
The easiest way to add the Telerik NuGet feed to Visual Studio if you are a trial user is to install the UI for ASP.NET Core free trial:
5661

5762
1. Download the [UI for ASP.NET Core free trial](https://www.telerik.com/aspnet-core-ui) installer. You need to create a free account if don't have one.
63+
5864
1. Run the installer.
65+
5966
1. Select the option **Set up Telerik NuGet package source** to automatically add the [Telerik NuGet feed]({% slug nuget_install_aspnetmvc6_aspnetmvc %}).
6067

61-
![NuGet checkbox in Progress Trial Installer](../getting-started-core/images/check-nuget.png)
62-
68+
![NuGet checkbox in Progress Trial Installer](../getting-started-core/images/check-nuget.png)
69+
70+
>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.
71+
6372
### Add the Telerik NuGet Feed for Users with Commercial License
6473

65-
The easiest way to add the Telerik NuGet feed to Visual Studio if you purchased a commercial license is to use the Progress Control Panel:
74+
The easiest way to add the Telerik NuGet feed to Visual Studio if you have purchased a commercial license is to use the Progress Control Panel:
6675

6776
1. Download the Progress Control Panel from the **Overview** page of your [Telerik account](https://www.telerik.com/account/).
6877

69-
![Download Progress Control Panel](../getting-started-core/images/download-control-panel.png)
70-
78+
![Download Progress Control Panel](../getting-started-core/images/download-control-panel.png)
79+
7180
1. Run the Progress Control Panel exe.
7281

7382
1. On the Login screen, check the **set up Telerik NuGet package source** option.
7483

75-
![Set Up Nuget on Progress Control Panel Login](../getting-started-core/images/login-control-panel.png)
76-
77-
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.
78-
79-
![Set Up Nuget on Progress Control Panel options](../getting-started-core/images/nuget-control-panel-options.png)
80-
84+
![Set Up Nuget on Progress Control Panel Login](../getting-started-core/images/login-control-panel.png)
85+
86+
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.
87+
88+
![Set Up Nuget on Progress Control Panel options](../getting-started-core/images/nuget-control-panel-options.png)
89+
90+
>You need a commercial license that includes UI for ASP.NET Core. Otherwise, the `Telerik.UI.for.AspNet.Core` NuGet packages will not appear in the NuGet Package Manager. If you don't have the required license, follow the instructions in the [trial license section](#add-the-telerik-nuget-feed-for-trial-license-users).
91+
8192
## Add the NuGet Package
8293

8394
1. Open the NuGet Package Manager.
8495

85-
![Locating and opening the NuGet package manager menu](../getting-started-core/images/manage-nuget.png)
96+
![Locating and opening the NuGet package manager menu](../getting-started-core/images/manage-nuget.png)
8697

8798
1. From the **Package source** drop-down, select the Telerik NuGet source.
8899

89-
1. Click the **Browse** tab and search for `Telerik.UI.for.AspNet.Core` to install it. As a result, a line similar to `<PackageReference Include="Telerik.UI.for.AspNet.Core" Version="{{ site.mvcCoreVersion }}" />` is added to your `.csproj` file.
100+
1. Select the **Browse** tab, and then enter `Telerik.UI.for.AspNet.Core` in the search field.
101+
102+
1. Select the project's checkbox and then select **Install**. As a result, a line similar to `<PackageReference Include="Telerik.UI.for.AspNet.Core" Version="{{ site.mvcCoreVersion }}" />` is added to your `.csproj` file.
90103

91-
![Selecting and installing the NuGet package](../getting-started-core/images/nuget-install.png)
104+
![Selecting and installing the NuGet package](../getting-started-core/images/nuget-install.png)
92105

93106
## Add a Reference to Kendo.Mvc.UI
94107

@@ -102,8 +115,8 @@ The easiest way to add the Telerik NuGet feed to Visual Studio if you purchased
102115

103116
1. Import the `Kendo.Mvc.UI` namespace in `~/Views/_ViewImports.cshtml` through `@using Kendo.Mvc.UI`. If you intend to use the Telerik UI ASP.NET Core Tag Helpers, add them with `@addTagHelper *, Kendo.Mvc`.
104117

105-
@using MyASPNETCoreProject
106-
@using MyASPNETCoreProject.Models
118+
@using MyTelerikProject
119+
@using MyTelerikProject.Models
107120
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
108121
@addTagHelper *, Kendo.Mvc
109122
@using Kendo.Mvc.UI
17.5 KB
Loading

docs-aspnet/installation/overview-download.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,10 @@ Telerik UI for ASP.NET Core requires .NET Core. To install .NET core, follow the
1818

1919
To download and install Telerik UI for ASP.NET Core, you can use either of the following approaches:
2020

21-
* The [Windows MSI installer package]({% slug msi_install_aspnetmvc6_aspnetmvc %}) comes with a standard setup wizard. The setup wizard installs the Telerik UI for ASP.NET Core server-side packages and the client-side resources. The MSI allows you to chose whether to install the offline version of the [Telerik UI for ASP.NET Core Demos](https://demos.telerik.com/aspnet-core) and the [Telerik UI for ASP.NET Core Visual Studio extensions]({% slug overview_visualstudio_aspnetcore %}). There is also an option that configures the Telerik NuGet feed for you.
21+
* Automated installer:
22+
* Windows (`.msi`). The [Windows MSI installer package]({% slug msi_install_aspnetmvc6_aspnetmvc %}) comes with a standard setup wizard. The setup wizard installs the Telerik UI for ASP.NET Core server-side packages and the client-side resources. The MSI allows you to chose whether to install the offline version of the [Telerik UI for ASP.NET Core Demos](https://demos.telerik.com/aspnet-core) and the [Telerik UI for ASP.NET Core Visual Studio extensions]({% slug overview_visualstudio_aspnetcore %}). There is also an option that configures the Telerik NuGet feed for you.
23+
* MacOS (`.pkg`)
24+
* Linux (.sh + .tar.gz). Pass -s <path to the archive> when running the script. Other arguments are -d for the location where the archive will be extracted (defaults to ${HOME}/telerik-aspnetcore") and -SkipNETCoreInstall to skip the installation of .NET Core (note that the framework is required).
2225
* [NuGet]({% slug nuget_install_aspnetmvc6_aspnetmvc %}) allows you to install only the packages that you need for your project. The Telerik Nuget feed is available only to registered users because it requires authentication.
2326
* [NPM]({% slug npmpackages_core %}) offers another way to install the needed packages for your project.
2427
* [Bower]({% slug bowerpackage_core %}) was a popular package manager but starting with ASP.NET Core v2.1 it is no longer supported.

docs/api/javascript/ui/filemanager.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1131,6 +1131,7 @@ Navigates to the specified path.
11311131

11321132
The path to navigate.
11331133

1134+
> Note: If you wish to use the method to navigate to a child folder, you will need to navigate to its parent folder first.
11341135
#### Example
11351136

11361137
<div id="fileManager"></div>

docs/api/javascript/ui/splitter.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -473,6 +473,8 @@ The pane(s) to be removed.
473473

474474
Get or set the size of the pane. Setting this value will cause the widget to redraw and it will trigger the `resize` event.
475475

476+
> Note: The correct usage of the method requires that the size of the panes should be set either through the [panes.size](/api/javascript/ui/splitter/configuration/panes#panes.size) property or the `size` method. Otherwise, the method will return *undefined*.
477+
476478
#### Parameters
477479

478480
##### pane `String|Element|jQuery`

src/kendo.calendar.js

Lines changed: 43 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -147,17 +147,13 @@ var __meta__ = { // jshint ignore:line
147147
})
148148
.attr(ID);
149149

150-
if (id) {
151-
that._cellID = id + "_cell_selected";
152-
}
153-
154150
if(that._isMultipleSelection() && that.options.weekNumber) {
155151
element.on(CLICK, WEEKCOLUMNSELECTOR, function(e) {
156152
var first = $(e.currentTarget).closest("tr").find(CELLSELECTORVALID).first(),
157153
last = that.selectable._lastActive = $(e.currentTarget).closest("tr").find(CELLSELECTORVALID).last();
158154
that.selectable.selectRange(first, last, { event: e});
159155
that._current = that._value = toDateObject(last.find("a"));
160-
that._class(FOCUSED, that._current);
156+
that._setCurrent(that._current);
161157
});
162158
}
163159

@@ -182,7 +178,9 @@ var __meta__ = { // jshint ignore:line
182178

183179
that._removeClassProxy = function() {
184180
that._active = false;
185-
that._cell.removeClass(FOCUSED);
181+
if (that._cell) {
182+
that._cell.removeClass(FOCUSED);
183+
}
186184
};
187185

188186
that.value(value);
@@ -462,11 +460,11 @@ var __meta__ = { // jshint ignore:line
462460

463461
if(that.options.selectable === "single") {
464462
if (view === views[options.depth] && that._value && !that.options.disableDates(that._value)) {
465-
that._class("k-state-selected", that._value);
463+
that._selectCell(that._value);
466464
}
467465
}
468466

469-
that._class(FOCUSED, value);
467+
that._setCurrent(value);
470468

471469
if (!from && that._cell) {
472470
that._cell.removeClass(FOCUSED);
@@ -603,7 +601,7 @@ var __meta__ = { // jshint ignore:line
603601

604602
if(that.selectable.options.multiple && target.is(CELLSELECTORVALID)) {
605603
that._current = toDateObject(target.find("a"));
606-
that._class(FOCUSED, toDateObject(target.find("a")));
604+
that._setCurrent(that._current);
607605
}
608606

609607
},
@@ -795,7 +793,7 @@ var __meta__ = { // jshint ignore:line
795793
that._keyboardToggleSelection(e);
796794

797795
var focusedDate = toDateObject($(that._cell[0]).find("a"));
798-
that._class(FOCUSED, focusedDate);
796+
that._setCurrent(focusedDate);
799797

800798
}
801799
} else if(e.shiftKey) {
@@ -860,7 +858,7 @@ var __meta__ = { // jshint ignore:line
860858
}
861859
else {
862860
that._current = currentValue;
863-
that._class(FOCUSED, currentValue);
861+
that._setCurrent(currentValue);
864862
}
865863
}
866864
else {
@@ -896,7 +894,7 @@ var __meta__ = { // jshint ignore:line
896894
return;
897895
}
898896
that.selectable.options.filter = that.wrapper.find("table").length > 1 && +currentValue > +that._current? "table.k-month:eq(1) " + CELLSELECTORVALID: "table.k-month:eq(0) " + CELLSELECTORVALID;
899-
that._class(FOCUSED, currentValue);
897+
that._setCurrent(currentValue);
900898
that._current = currentValue;
901899

902900
that._rangeSelection(that._cellByDate(that._view.toDateString(currentValue), CELLSELECTORVALID), currentValue);
@@ -1056,42 +1054,46 @@ var __meta__ = { // jshint ignore:line
10561054
});
10571055
},
10581056

1059-
_class: function(className, date) {
1057+
_selectCell: function (date) {
10601058
var that = this,
1061-
id = that._cellID,
1062-
cell = that._cell,
1063-
value = that._view.toDateString(date),
1064-
disabledDate;
1059+
cell = that._selectedCell,
1060+
value = that._view.toDateString(date);
10651061

1066-
if (cell && cell.length) {
1067-
cell[0].removeAttribute(ARIA_SELECTED);
1068-
cell[0].removeAttribute(ARIA_LABEL);
1069-
cell[0].removeAttribute(ID);
1070-
//.removeClass(className);
1071-
}
1062+
if (cell && cell[0]) {
1063+
cell[0].removeAttribute(ARIA_SELECTED);
1064+
cell.removeClass(SELECTED);
1065+
}
10721066

1073-
if (date && that._view.name == "month") {
1074-
disabledDate = that.options.disableDates(date);
1075-
}
1076-
that._cellsBySelector(that._isMultipleSelection() ? CELLSELECTOR: "td:not(." + OTHERMONTH + ")").removeClass(className);
1077-
cell = that._cellByDate(value, that.options.selectable == "multiple" ? CELLSELECTOR: "td:not(." + OTHERMONTH + ")")
1078-
.attr(ARIA_SELECTED, true);
1067+
cell = that._cellByDate(value, that.options.selectable == "multiple" ? CELLSELECTOR: "td:not(." + OTHERMONTH + ")");
10791068

1080-
if (className === FOCUSED && !that._active && that.options.focusOnNav !== false || disabledDate) {
1081-
className = "";
1082-
}
1069+
that._selectedCell = cell;
1070+
cell.addClass(SELECTED)
1071+
.attr(ARIA_SELECTED, true);
1072+
},
10831073

1084-
cell.addClass(className);
1074+
_setCurrent: function (date) {
1075+
var that = this,
1076+
id = kendo.guid(),
1077+
cell = that._cell,
1078+
value = that._view.toDateString(date);
1079+
1080+
if (cell && cell[0]) {
1081+
cell.removeClass(FOCUSED);
1082+
cell[0].removeAttribute(ARIA_LABEL);
1083+
cell[0].removeAttribute(ID);
1084+
}
1085+
1086+
cell = that._cellByDate(value, that.options.selectable == "multiple" ? CELLSELECTOR: "td:not(." + OTHERMONTH + ")");
10851087

1086-
if (cell[0]) {
10871088
that._cell = cell;
1088-
}
10891089

1090-
if (id) {
1091-
cell.attr(ID, id);
1092-
that._table[0].removeAttribute("aria-activedescendant");
1093-
that._table.attr("aria-activedescendant", id);
1094-
}
1090+
cell.attr(ID, id)
1091+
.addClass(FOCUSED);
1092+
1093+
if (that._table[0]) {
1094+
that._table[0].removeAttribute("aria-activedescendant");
1095+
that._table.attr("aria-activedescendant", id);
1096+
}
10951097
},
10961098

10971099
_bindTable: function (table) {
@@ -1125,7 +1127,7 @@ var __meta__ = { // jshint ignore:line
11251127
that.navigate(value);
11261128
} else {
11271129
that._current = value;
1128-
that._class(FOCUSED, value);
1130+
that._setCurrent(value);
11291131
}
11301132
},
11311133

0 commit comments

Comments
 (0)