Skip to content

Commit 53080e4

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent c4b1b66 commit 53080e4

File tree

26 files changed

+723
-48
lines changed

26 files changed

+723
-48
lines changed

‎docs-aspnet/backwards-compatibility/2022-backwards-compatibility.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,12 @@ position: 1
1010

1111
This article lists the breaking or important changes in the 2022 releases of {{ site.product }}.
1212

13+
## {{ site.product }} R2 2022 SP2
14+
15+
The Size, FillMode and Rounded properties now provide the None option instead of Null.
16+
17+
`.Size(ComponentSize.None)`
18+
1319
{% if site.core %}
1420
## {{ site.product }} R2 2022 SP1
1521

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

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,13 +27,16 @@ The example below demonstrates how to use the Items() method to configure the ch
2727
)
2828
```
2929
{% if site.core %}
30-
```tagHelper
31-
<kendo-checkboxgroup name="checkboxgroup">
30+
```TagHelper
31+
@{
32+
var data = new string[] { "1" };
33+
}
34+
<kendo-checkboxgroup name="checkboxgroup"
35+
value="data">
3236
<kendo-checkboxgroup-items>
33-
<kendo-checkboxgroup-item value="one" label="First">
34-
</kendo-checkboxgroup-item>
35-
<kendo-checkboxgroup-item value="two" label="Second">
36-
</kendo-checkboxgroup-item>
37+
<kendo-checkboxgroup-item value="1" label="English"></kendo-checkboxgroup-item>
38+
<kendo-checkboxgroup-item value="2" label="Spanish"></kendo-checkboxgroup-item>
39+
<kendo-checkboxgroup-item value="3" label="Russian"></kendo-checkboxgroup-item>
3740
</kendo-checkboxgroup-items>
3841
</kendo-checkboxgroup>
3942
```
@@ -109,7 +112,7 @@ You can configure the items in the CheckBoxGroup widget by using the BindTo meth
109112
@model MvcApplication1.Models.CheckBoxGroupViewModel
110113
111114
<kendo-checkboxgroup name="checkboxgroup"
112-
input-name="checkboxItem"
115+
value="Model.CheckBoxGroupValue"
113116
bind-to="Model.Items">
114117
</kendo-checkboxgroup>
115118
```

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

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,13 @@ To customize the text of the label, use the [`label`](/api/javascript/ui/checkbo
2727
```
2828
{% if site.core %}
2929
```TagHelper
30-
<kendo-checkboxgroup name="checkboxgroup"
31-
input-name="checkboxItem">
30+
<kendo-checkboxgroup name="checkboxgroup">
3231
<kendo-checkboxgroup-items>
33-
<kendo-checkboxgroup-item value="one" label="First">
32+
<kendo-checkboxgroup-item value="1" label="First">
33+
</kendo-checkboxgroup-item>
34+
<kendo-checkboxgroup-item value="2" label="Second">
3435
</kendo-checkboxgroup-item>
35-
<kendo-checkboxgroup-item value="two" label="Second">
36+
<kendo-checkboxgroup-item value="3" label="Third">
3637
</kendo-checkboxgroup-item>
3738
</kendo-checkboxgroup-items>
3839
</kendo-checkboxgroup>
@@ -58,8 +59,15 @@ The labels of all checkboxes in the CheckBoxGroup could be rendered before or af
5859
{% if site.core %}
5960
```TagHelper
6061
<kendo-checkboxgroup name="checkboxgroup"
61-
input-name="checkboxItem"
62-
label-position="CheckBoxGroupLabelPosition.Before">
62+
label-position="CheckBoxGroupLabelPosition.After">
63+
<kendo-checkboxgroup-items>
64+
<kendo-checkboxgroup-item value="1" label="First">
65+
</kendo-checkboxgroup-item>
66+
<kendo-checkboxgroup-item value="2" label="Second">
67+
</kendo-checkboxgroup-item>
68+
<kendo-checkboxgroup-item value="3" label="Third">
69+
</kendo-checkboxgroup-item>
70+
</kendo-checkboxgroup-items>
6371
</kendo-checkboxgroup>
6472
```
6573
{% endif %}

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

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,11 +22,21 @@ The following example shows how to set the CheckBoxGroup layout:
2222
```
2323
{% if site.core %}
2424
```TagHelper
25+
@{
26+
var data = new InputGroupItemModel[]
27+
{
28+
new InputGroupItemModel(){ Value = "English"},
29+
new InputGroupItemModel(){ Value = "German"},
30+
new InputGroupItemModel(){ Value = "Italian"},
31+
new InputGroupItemModel(){ Value = "Russian"},
32+
new InputGroupItemModel(){ Value = "Spanish"},
33+
};
34+
var value = new string[] { "Spanish" };
35+
}
2536
<kendo-checkboxgroup name="checkboxgroup"
26-
layout="CheckBoxGroupLayout.Horizontal">
27-
<kendo-checkboxgroup-item value="Green" css-class="green" label="Green"></kendo-checkboxgroup-item>
28-
<kendo-checkboxgroup-item value="Red" css-class="red" label="Red"></kendo-checkboxgroup-item>
29-
<kendo-checkboxgroup-item value="Blue" css-class="blue" label="Blue"></kendo-checkboxgroup-item>
37+
bind-to="data"
38+
layout= "@CheckBoxGroupLayout.Vertical"
39+
value="value">
3040
</kendo-checkboxgroup>
3141
```
3242
{% endif %}

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

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,10 +59,15 @@ The following example demonstrates the basic configuration for the CheckBoxGroup
5959
```
6060
{% if site.core %}
6161
```TagHelper
62-
<kendo-checkboxgroup name="checkboxgroup">
62+
@{
63+
var data = new string[]{ "1" };
64+
}
65+
<kendo-checkboxgroup name="checkboxgroup"
66+
value="data" >
6367
<kendo-checkboxgroup-items>
64-
<kendo-checkboxgroup-item value="one" label="Female"></kendo-checkboxgroup-item>
65-
<kendo-checkboxgroup-item value="two" label="Male"></kendo-checkboxgroup-item>
68+
<kendo-checkboxgroup-item value="1" label="Spain"></kendo-checkboxgroup-item>
69+
<kendo-checkboxgroup-item value="2" label="Italy"></kendo-checkboxgroup-item>
70+
<kendo-checkboxgroup-item value="3" label="UK"></kendo-checkboxgroup-item>
6671
</kendo-checkboxgroup-items>
6772
</kendo-checkboxgroup>
6873
```

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@ For the full project with RazorPages examples, visit our [GitHub repository](htt
2525
.Value(Model.CheckBoxGroupModel.CheckBoxGroupValue)
2626
)
2727
```
28+
```TagHelper
29+
<kendo-checkboxgroup name="checkboxgroup"
30+
value="@Model.CheckBoxGroupModel.CheckBoxGroupValue"
31+
bind-to="@Model.CheckBoxGroupModel.Items">
32+
</kendo-checkboxgroup>
33+
```
2834
```tab-PageModel(cshtml.cs)
2935
public List<IInputGroupItem> itemsList { get; set; }
3036
[BindProperty]

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

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,14 @@ For the full project with RazorPages examples, visit our [GitHub repository](htt
2626
)
2727
2828
```
29+
```TagHelper
30+
<kendo-rating name="ratingHalf"
31+
min="@Model.Min"
32+
max="@Model.Max"
33+
value="@Model.Value"
34+
precision="@Model.Precision">
35+
</kendo-rating>
36+
```
2937
```tab-PageModel(cshtml.cs)
3038
3139
public string Precision { get; set; }

‎docs-aspnet/html-helpers/editors/rating/selection.md‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,12 @@ To configure the single selection mode, set the [`Selection`](https://docs.teler
4747
```
4848
{% if site.core %}
4949
```TagHelper
50-
<kendo-rating name="rating" min="1" max="6" value="3" selection="single"></kendo-rating>
50+
<kendo-rating name="rating"
51+
min="1"
52+
max="6"
53+
value="3"
54+
selection="single">
55+
</kendo-rating>
5156
```
5257
{% endif %}
5358

‎docs-aspnet/html-helpers/navigation/buttongroup/disabled-state.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,18 @@ The following example demonstrates how to enable and disable the ButtonGroup ove
2626
t.Add().Text("Year");
2727
}))
2828
```
29+
{% if site.core %}
30+
```TagHelper
31+
<kendo-buttongroup name="player"
32+
enable="false">
33+
<buttongroup-items>
34+
<item text="Month"></item>
35+
<item text="Quarter"></item>
36+
<item text="Year"></item>
37+
</buttongroup-items>
38+
</kendo-buttongroup>
39+
```
40+
{% endif %}
2941

3042
## See Also
3143

‎docs-aspnet/html-helpers/navigation/buttongroup/icons.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,17 @@ You can configure the icons by using the `.Icon()` method of the ButtonGroup.
2323
t.Add().Icon("stop");
2424
}))
2525
```
26+
{% if site.core %}
27+
```TagHelper
28+
<kendo-buttongroup name="player">
29+
<buttongroup-items>
30+
<item icon="play" text="Play"></item>
31+
<item icon="pause" text="Pause"></item>
32+
<item icon="stop" text="Stop"></item>
33+
</buttongroup-items>
34+
</kendo-buttongroup>
35+
```
36+
{% endif %}
2637

2738
This ButtonGroup configuration is expected to produce the following HTML output:
2839

0 commit comments

Comments
 (0)