Skip to content

Commit 24ae02a

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent 74c553c commit 24ae02a

File tree

13 files changed

+298
-7
lines changed

13 files changed

+298
-7
lines changed

‎docs-aspnet/_config-mvc.yml‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,12 +57,15 @@ knowledge-base/upload-resize-image-before-upload.md,
5757
knowledge-base/validator-basic-form-validation.md,
5858
knowledge-base/vs-online-continuous-integration-login-problem.md,
5959
html-helpers/data-management/filemanager/binding/razor-page.md,
60+
html-helpers/conversational-ui/chat/razor-page.md,
6061
html-helpers/editors/autocomplete/binding/razor-pages.md,
6162
html-helpers/editors/dropdownlist/binding/razor-page.md,
63+
html-helpers/editors/colorpicker/razor-page.md,
6264
html-helpers/editors/combobox/binding/razor-page.md,
6365
html-helpers/editors/dropdowntree/binding/razor-page.md,
6466
html-helpers/editors/multicolumncombobox/binding/razor-page.md,
6567
html-helpers/editors/multiselect/binding/razor-page.md,
68+
html-helpers/editors/rating/razor-page.md,
6669
html-helpers/editors/slider/razor-page.md,
6770
html-helpers/editors/upload/razor-page.md,
6871
html-helpers/editors/imageeditor/razor-page.md,
@@ -71,11 +74,13 @@ html-helpers/layout/dialog/razor-page.md,
7174
html-helpers/layout/notification/razor-page.md,
7275
html-helpers/layout/splitter/razor-page.md,
7376
html-helpers/layout/window/razor-page.md,
77+
html-helpers/navigation/breadcrumb/razor-page.md,
7478
html-helpers/navigation/button/razor-page.md,
7579
html-helpers/navigation/buttongroup/razor-page.md,
7680
html-helpers/navigation/menu/binding/razor-page.md,
7781
html-helpers/navigation/menu/contextmenu/razor-page.md,
7882
html-helpers/navigation/panelbar/binding/razor-page.md,
83+
html-helpers/navigation/stepper/razor-page.md,
7984
html-helpers/scheduling/scheduler/binding/razor-page.md]
8085

8186
exclude_navigation: ["knowledge-base/*",

‎docs-aspnet/html-helpers/conversational-ui/chat/razor-page.md‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
---
2+
title: Razor Page
3+
page_title: Configure a Chat in Razor Page.
4+
description: "An example on how to configure the Telerik UI Chat HtmlHelper for {{ site.framework }} in a Razor Page."
5+
slug: htmlhelpers_chat_razorpage_aspnetcore
6+
position: 3
7+
---
8+
9+
# Razor Page
10+
11+
This article describes how to configure the Telerik UI Chat HtmlHelper for {{ site.framework }} in a RazorPage scenario.
12+
13+
For the full project with RazorPages examples, visit our [GitHub repository](https://github.com/telerik/ui-for-aspnet-core-examples/tree/master/Telerik.Examples.RazorPages).
14+
15+
```tab-RazorPage(csthml)
16+
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
17+
@Html.AntiForgeryToken()
18+
19+
20+
@(Html.Kendo().Chat()
21+
.Name("chat")
22+
.Toolbar(toolbar =>
23+
{
24+
toolbar.Toggleable(Model.Toggable);
25+
toolbar.Scrollable(Model.Scrollable);
26+
toolbar.Buttons(buttons =>
27+
{
28+
buttons.Add().Name("Bold").IconClass("k-icon k-i-bold");
29+
buttons.Add().Name("Italic").IconClass("k-icon k-i-italic");
30+
buttons.Add().Name("Underline").IconClass("k-icon k-i-underline");
31+
});
32+
})
33+
.Messages(messages =>
34+
{
35+
messages.Placeholder(Model.Placeholder);
36+
messages.SendButton(Model.SendButton);
37+
})
38+
)
39+
40+
```
41+
```tab-PageModel(cshtml.cs)
42+
43+
public bool Toggable { get; set; }
44+
45+
public bool Scrollable { get; set; }
46+
47+
public string Placeholder { get; set; }
48+
49+
public string SendButton { get; set; }
50+
51+
public void OnGet()
52+
{
53+
Toggable = true;
54+
Scrollable = true;
55+
Placeholder = "Custom placeholder";
56+
SendButton = "Custom send button message";
57+
}
58+
```
59+
60+
## See Also
61+
62+
* [Razor Pages Support]({% slug razor_pages_integration_aspnetmvc6_aspnetmvc %})
63+
* [Chat Overview]({% slug htmlhelpers_chat_aspnetcore %})
64+

‎docs-aspnet/html-helpers/editors/checkboxgroup/binding.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@ position: 2
88

99
# Binding
1010

11-
When using the Html helpers you can bind the checkbox items by using the [Items()](#items) method or the [Bindto()](#bindto) method.
11+
When using the Html helpers you can bind the checkbox items by using the [Items()](#items) method or the [BindTo()](#bindto) method.
1212

1313
## Items method
1414

15-
The example below demonstrates how to use the Items() method to configure the radio buttons in the CheckBoxGroup widget.
15+
The example below demonstrates how to use the Items() method to configure the checkboxes in the CheckBoxGroup widget.
1616

1717
@(Html.Kendo().CheckBoxGroup()
1818
.Name("checkboxgroup")

‎docs-aspnet/html-helpers/editors/checkboxgroup/label.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ To customize the text of the label, use the [`label`](/api/javascript/ui/checkbo
2828

2929
## Configure the Label Position
3030

31-
The labels of all radio buttons in the CheckBoxGroup could be rendered before or after the radio buttons.
31+
The labels of all checkboxes in the CheckBoxGroup could be rendered before or after each checkbox.
3232

3333
```Razor
3434
@(Html.Kendo().CheckBoxGroup()

‎docs-aspnet/html-helpers/editors/checkboxgroup/layout.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ position: 3
88

99
# Layout
1010

11-
The CheckBoxGroup supports two types of [`layout`](/api/javascript/ui/checkboxgroup/configuration/layout) - "horizontal" and "vertical". By default the radio buttons are rendered vertically.
11+
The CheckBoxGroup supports two types of [`layout`](/api/javascript/ui/checkboxgroup/configuration/layout) - "horizontal" and "vertical". By default the checkboxes are rendered vertically.
1212

1313
The following example shows how to set the CheckBoxGroup layout:
1414

‎docs-aspnet/html-helpers/editors/colorpicker/razor-page.md‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
---
2+
title: Razor Page
3+
page_title: Configure a ColorPicker in Razor Page.
4+
description: "An example on how to configure the Telerik UI ColorPicker HtmlHelper for {{ site.framework }} in a Razor Page."
5+
slug: htmlhelpers_colorpicker_razorpage_aspnetcore
6+
position: 2
7+
---
8+
9+
# Razor Page
10+
11+
This article describes how to configure the Telerik UI ColorPicker HtmlHelper for {{ site.framework }} in a RazorPage scenario.
12+
13+
For the full project with RazorPages examples, visit our [GitHub repository](https://github.com/telerik/ui-for-aspnet-core-examples/tree/master/Telerik.Examples.RazorPages).
14+
15+
```tab-RazorPage(csthml)
16+
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
17+
@Html.AntiForgeryToken()
18+
19+
20+
@(Html.Kendo().ColorPicker()
21+
.Name("picker")
22+
.ClearButton(Model.ClearButton)
23+
.Buttons(Model.Buttons)
24+
.Value(Model.Value)
25+
)
26+
27+
```
28+
```tab-PageModel(cshtml.cs)
29+
30+
public bool ClearButton { get; set; }
31+
public bool Buttons { get; set; }
32+
public string Value { get; set; }
33+
34+
public void OnGet()
35+
{
36+
ClearButton = true;
37+
Buttons = false;
38+
Value = "#94ed67";
39+
}
40+
```
41+
42+
## See Also
43+
44+
* [Razor Pages Support]({% slug razor_pages_integration_aspnetmvc6_aspnetmvc %})
45+
* [ColorPicker Overview]({% slug overview_colorpickerhelper_aspnetcore %})
46+

‎docs-aspnet/html-helpers/editors/rating/razor-page.md‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
---
2+
title: Razor Page
3+
page_title: Configure a Rating in Razor Page.
4+
description: "An example on how to configure the Telerik UI Rating HtmlHelper for {{ site.framework }} in a Razor Page."
5+
slug: htmlhelpers_rating_razorpage_aspnetcore
6+
position: 7
7+
---
8+
9+
# Razor Page
10+
11+
This article describes how to configure the Telerik UI Rating HtmlHelper for {{ site.framework }} in a RazorPage scenario.
12+
13+
For the full project with RazorPages examples, visit our [GitHub repository](https://github.com/telerik/ui-for-aspnet-core-examples/tree/master/Telerik.Examples.RazorPages).
14+
15+
```tab-RazorPage(csthml)
16+
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
17+
@Html.AntiForgeryToken()
18+
19+
20+
@(Html.Kendo().Rating()
21+
.Name("ratingHalf")
22+
.Min(Model.Min)
23+
.Max(Model.Max)
24+
.Value(Model.Value)
25+
.Precision(Model.Precision)
26+
)
27+
28+
```
29+
```tab-PageModel(cshtml.cs)
30+
31+
public string Precision { get; set; }
32+
public int Min { get; set; }
33+
public int Max { get; set; }
34+
35+
public double Value { get; set; }
36+
public void OnGet()
37+
{
38+
Min = 1;
39+
Max = 10;
40+
Precision = "half";
41+
Value = 7.5;
42+
}
43+
```
44+
45+
## See Also
46+
47+
* [Razor Pages Support]({% slug razor_pages_integration_aspnetmvc6_aspnetmvc %})
48+
* [Rating Overview]({% slug htmlhelpers_rating_aspnetcore_overview %})
49+

‎docs-aspnet/html-helpers/navigation/breadcrumb/razor-page.md‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
---
2+
title: Razor Page
3+
page_title: Configure a Breadcrumb in Razor Page.
4+
description: "An example on how to configure the Telerik UI Breadcrumb HtmlHelper for {{ site.framework }} in a Razor Page."
5+
slug: htmlhelpers_stepper_razorpage_aspnetcore
6+
position: 6
7+
---
8+
9+
# Razor Page
10+
11+
This article describes how to configure the Telerik UI Breadcrumb HtmlHelper for {{ site.framework }} in a RazorPage scenario.
12+
13+
For the full project with RazorPages examples, visit our [GitHub repository](https://github.com/telerik/ui-for-aspnet-core-examples/tree/master/Telerik.Examples.RazorPages).
14+
15+
```tab-RazorPage(csthml)
16+
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
17+
@Html.AntiForgeryToken()
18+
19+
20+
@(Html.Kendo().Breadcrumb()
21+
.Name("breadcrumb")
22+
.Items(items =>
23+
{
24+
25+
foreach(var item in Model.Items)
26+
{
27+
items.Add()
28+
.Type(item.IsRoot == true ? BreadcrumbItemType.RootItem : BreadcrumbItemType.Item)
29+
.Href(item.Href)
30+
.Text(item.Text)
31+
.Icon(item.Icon)
32+
.ShowText(true);
33+
}
34+
35+
})
36+
.Editable(true)
37+
)
38+
39+
```
40+
```tab-PageModel(cshtml.cs)
41+
42+
public List<BreadcrumbItem> Items { get; set; }
43+
44+
public void OnGet()
45+
{
46+
Items = new List<BreadcrumbItem>()
47+
{
48+
new BreadcrumbItem(){ Text = "All components", Href = "https://demos.telerik.com/aspnet-core/", Icon = "home", IsRoot = true},
49+
new BreadcrumbItem(){ Text = "Breadcrumb", Href = "/breadcrumb", Icon= "globe", IsRoot = false },
50+
new BreadcrumbItem(){ Text = "Icons", Href = "/icons", Icon="globe", IsRoot = false},
51+
};
52+
}
53+
54+
public class BreadcrumbItem
55+
{
56+
public string Href { get; set; }
57+
public string Text { get; set; }
58+
public string Icon { get; set; }
59+
public bool IsRoot { get; set; }
60+
}
61+
```
62+
63+
## See Also
64+
65+
* [Razor Pages Support]({% slug razor_pages_integration_aspnetmvc6_aspnetmvc %})
66+
* [Breadcrumb Overview]({% slug htmlhelpers_breadcrumb_aspnetcore_overview %})
67+

‎docs-aspnet/html-helpers/navigation/stepper/razor-page.md‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
---
2+
title: Razor Page
3+
page_title: Configure a Stepper in Razor Page.
4+
description: "An example on how to configure the Telerik UI Stepper HtmlHelper for {{ site.framework }} in a Razor Page."
5+
slug: htmlhelpers_stepper_razorpage_aspnetcore
6+
position: 6
7+
---
8+
9+
# Razor Page
10+
11+
This article describes how to configure the Telerik UI Stepper HtmlHelper for {{ site.framework }} in a RazorPage scenario.
12+
13+
For the full project with RazorPages examples, visit our [GitHub repository](https://github.com/telerik/ui-for-aspnet-core-examples/tree/master/Telerik.Examples.RazorPages).
14+
15+
```tab-RazorPage(csthml)
16+
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
17+
@Html.AntiForgeryToken()
18+
19+
20+
@(Html.Kendo().Stepper()
21+
.Name("stepper")
22+
.Orientation(StepperOrientationType.Horizontal)
23+
.Label(Model.Label)
24+
.Indicator(Model.Indicator)
25+
.Steps(s =>
26+
{
27+
s.Add().Label("First");
28+
s.Add().Label("Second").Selected(true);
29+
s.Add().Label("Third");
30+
s.Add().Label("Fourth");
31+
s.Add().Label("Fifth");
32+
})
33+
)
34+
35+
```
36+
```tab-PageModel(cshtml.cs)
37+
38+
public bool Label { get; set; }
39+
public bool Indicator { get; set; }
40+
41+
public double Value { get; set; }
42+
public void OnGet()
43+
{
44+
Label = true;
45+
Indicator = false;
46+
}
47+
```
48+
49+
## See Also
50+
51+
* [Razor Pages Support]({% slug razor_pages_integration_aspnetmvc6_aspnetmvc %})
52+
* [Stepper Overview]({% slug htmlhelpers_stepper_aspnetcore_overview %})
53+

‎docs/controls/data-management/grid/columns/sticky-columns.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ columns: [{
5252
* Sticky columns cannot work together with [column virtualization](https://demos.telerik.com/kendo-ui/grid/column-virtualization).
5353
* A column cannot be both sticky and [locked](https://demos.telerik.com/kendo-ui/grid/frozen-columns). If it is defined like this, it will be locked and the sticky property will be ignored.
5454
* Grid scrolling must be enabled.
55-
* The first column cannot be sticky.
55+
* The header of the first column in a grouped Grid cannot be sticky.
5656
* The autogenerated expand/collapse columns used by hierarchy and grouping cannot be sticky.
5757
* [Row template](https://demos.telerik.com/kendo-ui/grid/rowtemplate) and [detail template](https://demos.telerik.com/kendo-ui/grid/detailtemplate) are not supported together with sticky columns.
5858
* If [multi-column headers](https://demos.telerik.com/kendo-ui/grid/multicolumnheaders) are used, only a column at the topmost level can be sticky. When the Grid uses Multi-column headers - the "Set Column Position" menu will not be visible.

0 commit comments

Comments
 (0)