Skip to content

Commit 249f96b

Browse files
svdimitrdimodi
andauthored
[3.6.0] Rendering Changes (#1148)
* docs(rendering-changed): 3.6.0 rendering changes * Update upgrade/rendering-changes/3-6-0.md Co-authored-by: Dimo Dimov <[email protected]> * docs(rendering-changes): apply feedback Co-authored-by: Dimo Dimov <[email protected]>
1 parent db822d7 commit 249f96b

File tree

1 file changed

+102
-0
lines changed

1 file changed

+102
-0
lines changed

upgrade/rendering-changes/3-6-0.md

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
---
2+
title: 3.6.0
3+
description: Handle the rendering changes in the 3.6.0 release of the Telerik UI for Blazor components.
4+
page_title: Rendering Changes in 3.6.0
5+
slug: changes-in-3-6-0
6+
position: 2
7+
---
8+
9+
# Rendering Changes in 3.6.0
10+
11+
* [Calendar](#calendar)
12+
* [DateTimePicker](#datetimepicker)
13+
* [Dialog](#dialog)
14+
* [Drawer](#drawer)
15+
* [Grid](#grid)
16+
* [Menu](#menu)
17+
* [Pager](#pager)
18+
* [PanelBar](#panelber)
19+
* [RadioGroup](#radiogroup)
20+
* [Scheduler](#scheduler)
21+
* [TabStrip](#tabstrip)
22+
* [TimePicker](#timepicker)
23+
* [Window](#window)
24+
25+
26+
## Calendar
27+
28+
* Removed the `k-content` and the `k-calendar-content` CSS classes from the `<table class="k-calendar-table">` element.
29+
30+
### Calendar Navigation CSS classes
31+
32+
| Pre-3.6.0 | 3.6.0 |
33+
|---|---|
34+
| k-nav-today | k-calendar-nav-today |
35+
| k-nav-prev | k-calendar-nav-prev |
36+
| k-nav-next | k-calendar-nav-next |
37+
| k-nav-fast | k-calendar-nav-today |
38+
| k-prev-view | k-calendar-nav-prev |
39+
| k-next-view | k-calendar-nav-next |
40+
41+
## DateTimePicker
42+
43+
* Added `k-datetime-container` CSS class to the `<div class="k-popup">` element.
44+
45+
## Dialog
46+
47+
* Added `k-dialog-action` and `k-window-action` CSS classe to the [Action Buttons]({%slug dialog-action-buttons%})(`<button class="k-button">`).
48+
* Removed the `k-header` CSS class from the `<div class="k-dialog-titlebar">` element.
49+
50+
## Drawer
51+
52+
* Removed the `k-drawer-mini` CSS class from the `<div class="k-drawer">` element when the Drawer is in [Expanded Mode]({%slug drawer-mini-mode%}).
53+
* Renamed the `k-drawer-left` and `k-drawer-right` CSS classes to `k-drawer-start` and `k-drawer-end`.
54+
55+
## Grid
56+
57+
* Added `k-sorted` CSS class to the `<th class="k-header">` element when the column is [Sorted]({%slug components/grid/features/sorting%}).
58+
* Added `k-grid-header-menu` CSS class to the `<span class="k-grid-column-menu">` element.
59+
* Removed the `k-grid-filter` CSS class from the `<span class="k-grid-column-menu">` element.
60+
* Added `k-grid-filter-menu` and `k-grid-header-menu` CSS classes to the outermost HTML element of the [Filter Menu]({%slug grid-filter-menu%}).
61+
62+
## Menu
63+
64+
* Added `k-first` CSS class to the first Menu item.
65+
* Added `k-last` CSS class to the last Menu item.
66+
67+
## Pager
68+
69+
* Added `k-pager` CSS class to the outermost HTML element of the Pager.
70+
* Removed the `k-pager-wrap` CSS class from the outermost HTML element of the Pager.
71+
72+
## PanelBar
73+
74+
* Added `k-panelbar-item` CSS class to the `<li class="k-panelbar-header">`.
75+
* Removed the `k-item` CSS class from the `<li class="k-panelbar-header">`.
76+
77+
## RadioGroup
78+
79+
* Added `k-disabled` class to the `<li class="k-radio-item">` element when the RadioGroup item is disabled.
80+
81+
## Scheduler
82+
83+
* Added `<span>` element that wraps the `Show business hours` button
84+
* Removed the `k-scheduler-flex` CSS class from the `<div class="k-scheduler">`.
85+
86+
## TabStrip
87+
88+
* Added `k-first` CSS class to the first TabStrip tab.
89+
* Added `k-last` CSS class to the last TabStrip tab.
90+
91+
## TimePicker
92+
93+
* Added `k-button-flat-primary` and `k-time-now` CSS classes to the `<button class="k-button">` element.
94+
95+
## Window
96+
97+
* Added `k-window-minimized` CSS class when the Window is minimized.
98+
* Added `k-window-action` CSS class to the [Action Buttons]({%slug components/window/actions%})(`<button class="k-button">`).
99+
100+
## See also
101+
102+
* [Good styling practices]({%slug good-styling-practices%})

0 commit comments

Comments
 (0)