Skip to content

Commit 6e5e241

Browse files
committed
Sync with Kendo UI Professional
1 parent 5e7ecd5 commit 6e5e241

29 files changed

+663
-1168
lines changed
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
#icons-list-section
2+
3+
## Icons List
4+
5+
The <a href="https://www.telerik.com/design-system/docs/" target="_blank">Progress Design System</a> website provides a list of all <a href="https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/" target="_blank">built-in icons in {{ site.product }}</a>.
6+
7+
Each icon box in the icon list is clickable and reveals the following details:
8+
9+
* CSS class aliases, if such exist. For example, `k-i-plus` is equivalent to `k-i-add`.
10+
* Unicode representation of the font icon glyph. For example, `\e11e` corresponds to the `plus` icon.
11+
* Ability to copy the glyph symbol of the font icon.
12+
* Ability to copy the HTML markup (`<svg>` tag) of the SVG icon.
13+
14+
The icon list may contain icons which are not available in older versions of {{ site.product }} or even in the latest one. Such icons will be added in the next product version.
15+
16+
#end

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ Install the appropriate [.Net Core SDK 2.0 or later](https://www.microsoft.com/n
112112
> * The Kendo UI scripts have to be placed after `jQuery`.
113113
> * As of R3 2023 the Kendo UI bundles do not include the jQuery library in their `js` directories and you can use any available jQuery source you prefer (https://jquery.com/download/).
114114
115-
5.1 Go to `~\Views\Shared\_Layout.cshtml` and add the theme of your choice to the `<head>` of the document. Since the Microsoft project uses Bootstrap, you can use the Kendo UI SASS Bootstrap theme to match it.
115+
5.1 Go to `~\Views\Shared\_Layout.cshtml` and add the theme of your choice to the `<head>` of the document. Since the Microsoft project uses Bootstrap, you can use the [Telerik UI Bootstrap theme]({% slug sassbasedthemes_overview%}#built-in-themes) to match it.
116116
117117
5.2 The Microsoft template comes with a jQuery script reference in the body. Find it and move it to the head.
118118

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -282,11 +282,11 @@ Next, you can [change the look and feel](#changing-the-app-theme) of your applic
282282

283283
## Changing the App Theme
284284

285-
The UI for ASP.NET Core suite comes with a set of 20+ built-in LESS-based and Sass-based themes that allow you to alter the visual appearance of the Telerik components. The most prominent themes are Default (our own styling), Material (based on the Material Design guidelines), and Bootstrap (a theme that matches Bootstrap guidelines).
285+
The UI for ASP.NET Core suite comes with a set of 20+ built-in [LESS-based]({% slug less_themes_overview_aspnetmvc6_aspnetmvc%}) and [Sass-based themes]({% slug sassbasedthemes_overview%}) that allow you to alter the visual appearance of the Telerik components. The most prominent themes are Default (our own styling), Material (based on the Material Design guidelines), and Bootstrap (a theme that matches Bootstrap guidelines).
286286

287-
The themes are usually referenced in the _Layout file of the application. To change the theme, substitute the existing CSS reference in the _Layout with the new theme.
287+
The themes are usually referenced in the `_Layout` file of the application. To change the theme, substitute the existing CSS reference in the `_Layout` with the new theme.
288288

289-
If during the creation the project you've chosen the Bootstrap theme, the `_Layout.cshtml` file should contain the following CSS link:
289+
If during the creation the project you've chosen the Bootstrap theme, the `_Layout.cshtml` file must contain the following CSS link:
290290

291291
```
292292
<link href="https://kendo.cdn.telerik.com/themes/{{ site.themesCdnVersion }}/bootstrap/bootstrap-main.css" rel="stylesheet" type="text/css" />

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -72,13 +72,13 @@ To get up and running with the project:
7272
@using Kendo.Mvc.UI
7373

7474

75-
7. Include the client-side resources in `~\Views\Shared\_Layout.cshtml`.
75+
7. Include the [client-side resources]({% slug copyclientresources_aspnetmvc6_aspnetmvc %}) in `~\Views\Shared\_Layout.cshtml`.
7676

7777
> * The CDN links and/or package versions have to point to the same UI for ASP.NET Core version which your project references.
7878
> * The Kendo UI scripts have to be placed after `jQuery`.
7979
> * As of R3 2023 the Kendo UI bundles do not include the jQuery library in their `js` directories and you can use any available jQuery source you prefer (https://jquery.com/download/).
8080

81-
7.1 Since the Microsoft template project uses Bootstrap, you can use the Kendo UI SASS Bootstrap theme to match it.
81+
7.1 Since the Microsoft template project uses Bootstrap, you can use the [Telerik UI Bootstrap theme]({% slug sassbasedthemes_overview%}#built-in-themes) to match it.
8282

8383
7.2 The Microsoft template comes with a jQuery script reference in the body. Find it and move it to the head.
8484

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -153,14 +153,14 @@ The easiest way to add the Telerik NuGet feed to Visual Studio if you have purch
153153

154154
## Including the Telerik UI for ASP.NET Core Client-Side Resources
155155

156-
To implement Telerik UI for ASP.NET Core in an application, you must provide not only the NuGet package with the components, but also the [client-side resources]({% slug copyclientresources_aspnetmvc6_aspnetmvc %}) like scripts and CSS files.
156+
To implement Telerik UI for ASP.NET Core in an application, you must provide not only the NuGet package with the components, but also the [client-side resources]({% slug copyclientresources_aspnetmvc6_aspnetmvc %}) like scripts and [theme files]({% slug sassbasedthemes_overview%}).
157157

158158
>* The CDN links and/or package versions must point to the same UI for ASP.NET Core version that your project references.
159159
>* The Kendo UI scripts must be placed after the `jQuery` script.
160160
161161
Before you can use a Telerik UI component, you must include the theme, the jQuery script, and the Kendo UI scripts:
162162

163-
1. Go to `~\Views\Shared\_Layout.cshtml` and add the theme of your choice to the `<head>` of the document. Since the Microsoft project uses Bootstrap, you can use the Kendo UI SASS Bootstrap theme to match it:
163+
1. Go to `~\Views\Shared\_Layout.cshtml` and add the theme of your choice to the `<head>` of the document. Since the Microsoft project uses Bootstrap, you can use the [Telerik UI Bootstrap theme]({% slug sassbasedthemes_overview%}#built-in-themes) to match it:
164164

165165
<head>
166166
...

docs-aspnet/html-helpers/layout/gridlayout/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ position: 1
1010

1111
The {{ site.framework }} GridLayout component allows you to arrange the contents of the component in rows and columns in a grid structure. The arrangement of content relies on the CSS Grid functionality. For more information on the CSS Grid, refer to [the official CSS Grid documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout).
1212

13-
> The GridLayout is supported only when you use [Kendo UI Sass themes]({% slug sassbasedthemes_overview%}).
13+
> The GridLayout is supported only when you use [Kendo UI themes]({% slug sassbasedthemes_overview%}).
1414
1515
## Initializing the GridLayout
1616

docs-aspnet/html-helpers/layout/stacklayout/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ position: 1
1010

1111
The {{ site.framework }} StackLayout is a component that easily aligns multiple elements in a vertical or horizontal order.
1212

13-
> The StackLayout is supported only when you use [Kendo UI Sass themes]({% slug sassbasedthemes_overview%}).
13+
> The StackLayout is supported only when you use [Kendo UI themes]({% slug sassbasedthemes_overview%}).
1414
1515
## Initializing the StackLayout
1616

docs-aspnet/styles-and-layout/components-rendering-overview.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ The R1 2022 release introduces new rendering for several components. In the long
2020
- [List of Updated Components](#updated-components)
2121
- [Migrating from LESS Themes](#less-themes-migration)
2222
- [CSS Classes Migration](#css-classes-migration)
23-
- [JQuery Selectors Migration](#jquery-selectors-migration)
23+
- [jQuery Selectors Migration](#jquery-selectors-migration)
2424

2525

2626
## What is the Reason Behind These Changes?
@@ -287,7 +287,7 @@ The following example shows a CSS rule that uses the `k-button` class as a selec
287287

288288
Examples of the old rendering, old classes, new rendering, and new classes are available in the [appearance documentation](#updated-components) of each component.
289289

290-
## JQuery Selectors Migration
290+
## jQuery Selectors Migration
291291

292292
This section concerns developers who use the `k-{classname}` class selectors in custom JavaScript logic.
293293

docs-aspnet/styles-and-layout/less-themes/less-themes-migration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ For additional information about the SASS themes, visit the [`SASS-Based Themes`
2121
2222
The LESS-based themes will receive the new [styling options]({% slug components_rendering_overview %}#styling-options) just like the SASS themes, however after 2022 the LESS themes will be officially deprecated. Customers who continue to use LESS themes after their deprecation will not be able to take advantage of the newest visual updates, features and bug fixes. This also means that Telerik UI for {{ site.framework }} versions starting from 2023 will be incompatible with the LESS themes and you won't be able to use the new versions with the LESS themes.
2323

24-
The SASS-based themes provide unique swatches that are based on the main theme and can be updated at once. This allows us to change the design and color scheme of our components in a more timely manner which in turn leaves more time for new themes and swatches to be developed.
24+
The SASS-based themes provide unique [swatches]({% slug sassbasedthemes_overview %}#swatch) that are based on the main theme and can be updated at once. This allows us to change the design and color scheme of our components in a more timely manner which in turn leaves more time for new themes and swatches to be developed.
2525

2626
With the LESS-based themes, each individual theme has its own code base. When a new component is introduced, or an existing one is updated, we must recreate each LESS theme to ensure that the new addition is rendered without problems. As a result, keeping the LESS-based themes updated takes a tremendous amount of time and resources.
2727

docs-aspnet/styles-and-layout/sass-themes/browser-support.md

Lines changed: 0 additions & 61 deletions
This file was deleted.

0 commit comments

Comments
 (0)