# Rendering Changes in 26.0.0

The Kendo UI for Angular 26.0.0 release introduces changes in the rendering of several components.

## DropDownButton and SplitButton

* Removed the `k-first` and `k-last` classes from the `li.k-item.k-menu-item` popup list items. Use the `:first-child` and `:last-child` selectors instead, for example, `.k-menu-popup .k-menu-item:first-child`.

## Chat and ToolCall

* Replaced the `k-i-arrow-down-outline` font icon of the Chat scroll-to-bottom floating action button with the `k-i-arrow-down` font icon. SVG icons are not affected.
* Wrapped the ToolCall status badge text in a `span.k-badge-text` element. Target the badge text with the `.k-tool-call .k-badge .k-badge-text` selector.

## Dialog and Window

* Replaced the `k-i-close` font icon of the title bar close button with the `k-i-x` font icon. The `k-svg-i-x` SVG icon is not affected.

## Grid

* Removed the `k-virtual-content` class from the `div.k-grid-content` content container.
* Replaced the `k-i-reset` font icon of the column chooser **Reset** button with the `k-i-arrow-rotate-ccw` font icon. This change affects the column menu and the adaptive mode.
* Changed the `role="presentation"` attribute to `role="none"` on the locked and pinned content and header containers, their inner wrappers, and the logical slave rows.

## Badge

* Removed the `k-top-start`, `k-top-end`, `k-bottom-start`, and `k-bottom-end` alignment classes from the `span.k-badge` element when the `position` is set to `none`. The alignment classes are still rendered for the `edge`, `inside`, and `outside` positions.

## ColorPicker and FlatColorPicker

* Renamed the `k-actions-stretch` class to `k-actions-stretched` on the `div.k-coloreditor-footer` action buttons container when the `actionsLayout` is set to `stretch`.
* Replaced the `k-i-reset-color` font icon of the clear button with the `k-i-droplet-slash` font icon. SVG icons are not affected. This change also affects the ColorGradient.

## Signature

* Removed the `k-rotate-180` class from the `button.k-signature-minimize` element.
* Replaced the `k-i-hyperlink-open` and `k-svg-i-hyperlink-open` icons of the minimize button with the `k-i-x` and `k-svg-i-x` icons. The `button.k-signature-maximize` element still uses the `hyperlink-open` icon.
* Replaced the `k-i-close` and `k-svg-i-x` icons of the `button.k-signature-clear` element with the `k-i-eraser` and `k-svg-i-eraser` icons.

## Rating

* Removed the `k-i-<icon>-outline` font icon classes from unselected items. Unselected items now render the same `k-i-<icon>` class as selected items.
* Replaced the default `k-svg-i-star-outline` SVG icon with the `k-svg-i-star` SVG icon.

Use the item state classes, for example, `.k-rating-item.k-selected`, to distinguish selected and unselected items.

## Menu and ContextMenu

* Removed the `k-first` class from the first `li.k-item.k-menu-item` element of each item list. Use the `:first-child` selector instead.
* Removed the `k-last` class from the last `li.k-item.k-menu-item` element of each item list. Use the `:last-child` selector instead.

## Scheduler

* Removed the `k-scheduler-edit-dialog` class from the edit dialog.
* Renamed the `k-scheduler-timeline-view` class to `k-scheduler-timelineview` on the Timeline view layout element.
* Renamed the `k-scheduler-timeline-week-view` class to `k-scheduler-timeline-weekview` on the Timeline Week view layout element.
* Renamed the `k-scheduler-timeline-month-view` class to `k-scheduler-timeline-monthview` on the Timeline Month view layout element.
* Replaced the `k-event-drag-hint` class of the drag hint element with the `k-selected` class. The `k-event-drag-hint` class now applies to the original event while you drag it. This change affects all views.
* Moved the `button.k-more-events` elements of the Month and MultiWeek views from their `td.k-scheduler-cell` day slots to a single layer directly inside the `.k-scheduler-content` element. The buttons are now absolutely positioned, and each button has a `data-slot-index` attribute.
* Wrapped the recurrence summary text in the edit dialog and the RecurrenceEditor in a `div.k-form-hint.k-scheduler-recurrence-summary` element.

## TreeList

* Removed the `k-virtual-content` class from the `div.k-grid-content` content container.
* Removed the `k-button-rectangle` class from the **Filter** and **Clear** buttons of the filter menu.
* Replaced the `k-button-group` class of the filter menu `div.k-actions` container with the `k-actions-stretched` and `k-actions-horizontal` classes.
* Moved the `k-column-menu` class from the `k-grid-columnmenu-popup` popup element to the inner `kendo-treelist-columnmenu-container` element. Use descendant selectors such as `.k-grid-columnmenu-popup .k-column-menu` instead of compound selectors.
* Removed the `span.k-separator` elements between the column menu items.
* Changed the `role="presentation"` attribute to `role="none"` on the locked content and header containers, their inner wrappers, and the logical slave rows.

## Upload

* Replaced the `k-i-arrow-rotate-cw-small` font icon of the file list **Retry** button with the `k-i-arrow-rotate-cw` font icon. SVG icons are not affected.
* Replaced the `k-i-exception` font icon of the failed upload status with the `k-i-exclamation-circle` font icon. SVG icons are not affected.