Skip to content

Commit 308e568

Browse files
committed
Sync with Kendo UI Professional
1 parent 43d7580 commit 308e568

File tree

2 files changed

+131
-25
lines changed

2 files changed

+131
-25
lines changed

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

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,17 +105,27 @@ The code is moved to the demo application, where it is used for demo purposes on
105105
* The `k-button-flat-primary` class is now replaced with `k-button-flat-base` class.
106106
* Added `k-prompt-view` and `k-prompt-popup`.
107107

108+
**ComboBox**
109+
110+
* The loading icon is now rendered as a separate `span` element with classes `k-input-loading-icon k-icon k-i-loading` before the button `k-input-button`.
111+
108112
**ContextMenu**
109113

110114
* The `k-widget` class is now removed.
111115
* The `k-menu-expand-arrow-icon` class has also been removed.
116+
* The `k-state-default` class is now removed.
117+
* The text of menu items is now wrapped in a `span` element with the `k-menu-link-text` class
112118

113119
**DockManager**
114120

115121
* Buttons in the vertical toolbar are now size `k-button-sm`, instead of `k-button-md`.
116122
* Unpinned pane has now class `k-pane-unpinned` instead of `k-pane-pinned`.
117123
* Pin and close button of not active TabStrip Tabs now have `k-button-flat-primary`, instead of `k-button-flat-base`.
118124

125+
**DropDownList**
126+
127+
* The loading icon is now rendered as a separate `span` element with classes `k-input-loading-icon k-icon k-i-loading` before the button `k-input-button`.
128+
119129
**Grid**
120130

121131
* Added `k-button-icon.k-icon.k-svg-i-arrow-rotate-cw.k-svg-icon` to the refresh button in the pager.
@@ -127,6 +137,12 @@ The code is moved to the demo application, where it is used for demo purposes on
127137
* Removed `k-label` class from extra class on `k-pager-info`.
128138
* Removed `k-reorderable` class from `tbody` of a reorderable grid.
129139
* Removed `k-editable` class.
140+
* Use `k-grid-columnmenu-popup` instead of `k-columnmenu-popup`.
141+
142+
**GridLayout**
143+
144+
* The `k-widget` class has been removed.
145+
* The `k-justify-content-` classes were substituted with `k-justify-items-`.
130146

131147
**ImageEditor**
132148

@@ -162,6 +178,12 @@ The code is moved to the demo application, where it is used for demo purposes on
162178
* Changed `k-button-solid-base` to `k-button-flat-base` on the scroll buttons
163179
* Added `k-menu-scroll-wrapper-vertical` to the `div.k-menu-scroll-wrapper` only when the orientation is vertical, not applicable for the horizontal orientation
164180

181+
**PanelBar**
182+
183+
* Removed wrong classes `k-level-0` and `k-panelbar-header` from child items.
184+
* Removed duplicate class `k-panelbar-item` on items initialized via Items(), which are not k-level-0.
185+
* Removed extra class `k-content` applied to `k-panelbar-content` div wrapper.
186+
165187
**PDFViewer**
166188

167189
* The PDFViewer starts using the [Pager](https://demos.telerik.com/{{ site.platform }}/pager/index) component internally and follows its specification.
@@ -231,6 +253,21 @@ The Splitter has received a rendering update. As a result, the below classes hav
231253

232254
Apart from that, we made changes in the positioning styles of the component. Until now, the panes had the `position:absolute` style. As of the 2024 Q4 release, the panes are positioned using flexbox.
233255

256+
**Spreadsheet**
257+
258+
* The tabs in the Spreadsheet are now rendered via [`Kendo Menu`](/api/javascript/ui/menu) instead of a [`Kendo TabStrip`](/api/javascript/ui/tabstrip).
259+
* The rendering of the SheetsBar at the bottom is unified with the rendering of a [`Kendo UI TabStrip`](/api/javascript/ui/tabstrip).
260+
* The `Add New Sheet` tool in the SheetsBar is now created from `<button>` element instead of `<a role="button"\>`.
261+
* The `Quick Access` section in the top toolbar is removed and the `Undo` and `Redo` buttons are moved in the Home tab.
262+
* The tools in the toolbar are now splitted into six separate tabs - File, Home, Insert, Format, Data and View.
263+
* Replaced `k-icon k-i-undo` with `k-icon k-i-reset`.
264+
* Replaced `k-icon k-i-redo` with `k-icon k-i-reload`.
265+
* Default values for `RowHeight` and `HeaderHeight` were set to 30 pixels.
266+
267+
**StackLayout**
268+
269+
* The `k-widget` class has been removed.
270+
234271
**TabStrip**
235272

236273
* The `k-widget` class has been removed.

docs/backwards-compatibility/2024-backward-compatibility.md

Lines changed: 94 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -20,20 +20,52 @@ Starting with Kendo UI 2024 Q4 release and 9.0.0 version of the Kendo Themes, th
2020
**AIPrompt**
2121

2222
* The `k-button-flat-primary` class is now replaced with `k-button-flat-base` class.
23+
* Added `k-prompt-view` and `k-prompt-popup`.
24+
25+
**ComboBox**
26+
27+
* The loading icon is now rendered as a separate `span` element with classes `k-input-loading-icon k-icon k-i-loading` before the button `k-input-button`.
2328

2429
**ContextMenu**
2530

2631
* The `k-widget` class is now removed.
2732
* The `k-menu-expand-arrow-icon` class has also been removed.
2833

34+
**DockManager**
35+
36+
* Buttons in the vertical toolbar are now size `k-button-sm`, instead of `k-button-md`.
37+
* Unpinned pane has now class `k-pane-unpinned` instead of `k-pane-pinned`.
38+
* Pin and close button of not active TabStrip Tabs now have `k-button-flat-primary`, instead of `k-button-flat-base`.
39+
40+
**DropDownList**
41+
42+
* The loading icon is now rendered as a separate `span` element with classes `k-input-loading-icon k-icon k-i-loading` before the button `k-input-button`.
43+
44+
**Grid**
45+
46+
* Added `k-button-icon.k-icon.k-svg-i-arrow-rotate-cw.k-svg-icon` to the refresh button in the pager.
47+
* Added `k-drag-col` to the draggable of the grid.
48+
* Added `k-filtercell-operator` div wrapper on the filter dropdown and clear button.
49+
* Added `k-grid-add-row`.
50+
* Added `k-table-group` class to `k-group-cell.k-table-group-td.k-table-td`.
51+
* Added `k-input-icon`.
52+
* Removed `k-label` class from extra class on `k-pager-info`.
53+
* Removed `k-reorderable` class from `tbody` of a reorderable grid.
54+
* Removed `k-editable` class.
55+
* Use `k-grid-columnmenu-popup` instead of `k-columnmenu-popup`.
56+
57+
**GridLayout**
58+
59+
* The `k-widget` class has been removed.
60+
* The `k-justify-content-` classes were substituted with `k-justify-items-`.
61+
2962
**ImageEditor**
3063

3164
* The `k-widget` class is now removed.
3265
* The `k-imageeditor-pane-confirm-button` and `k-imageeditor-pane-button` classes have been removed from the resize/crop pane buttons.
3366
* The `k-colspan-1` class is removed from the `k-col-span-1` element.
3467
* The `k-colspan-2` class is removed from the `k-col-span-2` element.
3568

36-
3769
**Map**
3870

3971
* The following classes have been substituted:
@@ -47,7 +79,7 @@ Starting with Kendo UI 2024 Q4 release and 9.0.0 version of the Kendo Themes, th
4779

4880
* The `k-widget` class is now removed.
4981
* The `km-widget` class has also been removed.
50-
82+
* Added `k-button-group-solid` class on the Zoom button group.
5183

5284
**Menu**
5385

@@ -56,20 +88,39 @@ Starting with Kendo UI 2024 Q4 release and 9.0.0 version of the Kendo Themes, th
5688
* The `k-widget` is now removed.
5789
* The `k-menu-expand-arrow-icon` is now removed.
5890
* The `k-group` class has also been removed.
91+
* With the latest theme changes the following classes of the scroll buttons are removed: `k-scroll-up`, `k-scroll-down`, `k-scroll-left`, `k-scroll-right`, `k-rounded`
92+
* Changed `k-button-solid` to `k-button-flat` on the scroll buttons
93+
* Changed `k-button-solid-base` to `k-button-flat-base` on the scroll buttons
94+
* Added `k-menu-scroll-wrapper-vertical` to the `div.k-menu-scroll-wrapper` only when the orientation is vertical, not applicable for the horizontal orientation
5995

60-
**ToolBar**
61-
62-
* The following classes have been replaced or removed:
96+
**PDFViewer**
6397

64-
|Versions prior to 2024 Q4| Versions 2024 Q4 and later
65-
|:--- |:---
66-
|`k-toolbar-tool`| `[data-item-role='toolbar-tool']`
98+
* The PDFViewer starts using the [Pager](https://docs.telerik.com/kendo-ui/controls/pager/overview) component internally and follows its specification.
99+
* Added `k-icon` class to the `k-dropzone-icon` in the center of the viewer.
100+
* Added `k-toolbar-combobox` to the combobox for zoom options.
101+
* Removed `k-widget`.
102+
* Removed `k-zoom-in-out-group` on the zoom tools buttongroup.
103+
* Removed `k-toggle-selection-group` on selection buttongroup.
67104

68-
* The `k-toolbar-toggle-button` class has been removed.
69-
* The `k-dropdown-button` class has also been removed.
105+
**PivotGridV2**
70106

107+
The following classes are now removed:
71108

72-
This change is applied to all components that use the Toolbar internally, such as Grid, Gantt, Scheduler, etc.
109+
* The `k-pivotgrid-header-total` class rendered in the total row of PivotGrid aggregates is replaced by `k-pivotgrid-total`.
110+
* The `k-grid-header-table` class is now removed.
111+
* The `k-table-md` class is removed from the `.k-pivotgrid-table` tables.
112+
* The `k-table-tbody` has been removed from the `.k-pivotgrid-tbody` elements.
113+
* The `k-table-row` class is now removed from the `.k-pivotgrid-row` elements.
114+
* The `k-grid-table` class has been removed from the `.k-pivotgrid-table` values table.
115+
* The `k-table-th` has been removed from the `th.k-pivotgrid-cell` elements.
116+
* The `k-table-td` has been removed from the `td.k-pivotgrid-cell` elements.
117+
* The `k-pos-relative` and `k-widget` classes are now removed from the Configurator.
118+
* The `k-rounded-full` class is substituted by `k-round-md`.
119+
* Added `k-pivotgrid-expanded` on an expanded header.
120+
* The text of a header is now rendered in a span element with `k-pivotgrid-header-title` class.
121+
* The content of a cell is rendered in a span element with this `k-pivotgrid-content` class.
122+
* The form in the configurator has `k-form-md` class added to its `k-form` class.
123+
* Added `k-chip-more-action` class on the more action span in configurator chip.
73124

74125
**Scheduler**
75126

@@ -92,6 +143,14 @@ This change is applied to all components that use the Toolbar internally, such a
92143
* The`k-heading-cell` is removed from the Scheduler first column.
93144
* The `k-scheduler-table-auto` is removed from the Month view.
94145
* The `k-scheduler-group-cell` is removed from grouped Scheduler.
146+
* Added `k-scheduler-navigation` class to Today, Previous and Next buttongroup.
147+
* Added `k-scheduler-views` class to views buttongroup.
148+
* Added `k-scheduler-cell` class to Weekview, dayview, timelineview.
149+
* Added `k-group-cell` class.
150+
* Removed `k-event-top-actions` element from scheduler events.
151+
* Removed `k-event-bottom-actions` element from scheduler events
152+
* Removed `k-last` from inappropriate scenarios.
153+
* Replaced `k-svg-i-arrow-` classes of Prev and Next buttons in RTL Scheduler with `k-svg-i-caret-alt`.
95154

96155
**Splitter**
97156

@@ -110,30 +169,40 @@ Apart from that, we made changes in the positioning styles of the component. Unt
110169
* The `Add New Sheet` tool in the SheetsBar is now created from `<button>` element instead of `<a role="button"\>`.
111170
* The `Quick Access` section in the top toolbar is removed and the `Undo` and `Redo` buttons are moved in the Home tab.
112171
* The tools in the [`toolbar`](/api/javascript/ui/spreadsheet/configuration/toolbar#toolbar) are now splitted into six separate tabs - File, Home, Insert, Format, Data and View.
172+
* Replaced `k-icon k-i-undo` with `k-icon k-i-reset`.
173+
* Replaced `k-icon k-i-redo` with `k-icon k-i-reload`.
174+
* Default values for `rowHeight` and `headerHeight` were set to 30 pixels.
113175

114-
**PDFViewer**
176+
**StackLayout**
115177

116-
The PDFViewer starts using the [Pager](https://docs.telerik.com/kendo-ui/controls/pager/overview) component internally and follows its specification.
178+
* The `k-widget` class has been removed.
117179

118-
**PivotGridV2**
180+
**TabStrip**
119181

120-
The following classes are now removed:
182+
* The `k-widget` class has been removed.
183+
* The `k-tabstrip-item` class has been removed.
184+
* The `k-tab-on-top` class has been removed.
185+
* The `k-content` class has been removed.
186+
* `k-link-text` is added.
121187

122-
* The `k-pivotgrid-header-total` class rendered in the total row of PivotGrid aggregates is replaced by `k-pivotgrid-total`.
123-
* The `k-grid-header-table` class is now removed.
124-
* The `k-table-md` class is removed from the `.k-pivotgrid-table` tables.
125-
* The `k-table-tbody` has been removed from the `.k-pivotgrid-tbody` elements.
126-
* The `k-table-row` class is now removed from the `.k-pivotgrid-row` elements.
127-
* The `k-grid-table` class has been removed from the `.k-pivotgrid-table` values table.
128-
* The `k-table-th` has been removed from the `th.k-pivotgrid-cell` elements.
129-
* The `k-table-td` has been removed from the `td.k-pivotgrid-cell` elements.
130-
* The `k-pos-relative` and `k-widget` classes are now removed from the Configurator.
131-
* The `k-rounded-full` class is substituted by `k-round-md`.
188+
**ToolBar**
189+
190+
* The following classes have been replaced or removed:
191+
192+
|Versions prior to 2024 Q4| Versions 2024 Q4 and later
193+
|:--- |:---
194+
|`k-toolbar-tool`| `[data-item-role='toolbar-tool']`
195+
196+
* The `k-toolbar-toggle-button` class has been removed.
197+
* The `k-dropdown-button` class has also been removed.
198+
199+
This change is applied to all components that use the Toolbar internally, such as Grid, Gantt, Scheduler, etc.
132200

133201
**TreeList**
134202

135203
* The `k-i-none` class has been replaced with `ref-blank-icon` attribute.
136204
* The `k-grid-display-block` class is now removed from `.k-treelist` element.
205+
* Added `k-drag-col` to the col element for draggable column both in the header table and the body table.
137206

138207
## Kendo UI 2024 Q2
139208

0 commit comments

Comments
 (0)