|
| 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