Rendering Changes in 11.0.0

The Kendo UI for Angular 11.0.0 release introduces changes in the rendering of a number of components.

Dialog

• Added the new themeColor property that supports primary, dark, and light theme colors.
• Added the k-window-* classes to the Dialog component.
• Added the k-window-titlebar-action and k-dialog-titlebar-action classes to the action buttons.
• Replaced the k-dialog-buttongroup and k-dialog-buttons classes with the k-dialog-actions class.
• Replaced the k-dialog-actions class in the titlebar element with the k-dialog-titlebar-actions class.

Editor

• Added the k-editor-toolbar class to the Editor toolbar.
• Added the k-editor-window class to all the Editor popups.
• Replaced the k-resizable class with the k-editor-resizable class.
• Replaced the k-editor-table-wizard-dialog class with the k-editor-table-wizard-window class.
• Toolbar components with popups now have the respective Kendo UI for Angular components instead of their HTML element counterparts. For example, <input> is replaced with the TextBox component.
• The Form component is moved inside the popup.

ListBox

• Removed the k-widget class.
• Replaced the k-listbox-toolbar class with the k-listbox-actions class.
• Replaced the k-listbox-toolbar-left, k-listbox-toolbar-right, k-listbox-toolbar-top, and k-listbox-toolbar-bottom classes with the k-listbox-actions-left, k-listbox-actions-right, k-listbox-actions-top, and k-listbox-actions-bottom classes.
• Replaced the <a> ListBox actions element with the <button> element.
• The ListBox actions are now wrapped in a single container.

ListView

The 11.0.0 release removed the k-widget class from the k-listview and k-listview-pager classes.

ProgressBar

• Added the k-chunk-progressbar class to the chunk-progressbar class.
• Added the k-progressbar-chunks class to the <ul> element.
• Added the k-progressbar-progress class to the <div> element that contains the k-selected class.
• Replaced the k-item class with the k-progressbar-chunk class.
• Removed the k-widget class.
• The progress width and height are now updated based on --kendo-progressbar-value.

Upload and FileSelect

The 11.0.0 release introduced changes in the names of the following classes:

The 11.0.0 release also introduced the following changes:

• Added the k-upload-dropzone class to k-dropzone.
• Added the k-file-error class to k-file-invalid.
• Added the k-file-single and k-file-multiple wrapper elements to k-file.
• Removed the k-upload-status-total class from the k-upload-status element.
• Removed the k-widget class from the k-upload element.
• Removed the k-validation-icon class from the upload-status icon.
• Removed the k-file-name-invalid class from k-file-name.
• Removed both k-text-success and k-text-error classes from k-validation-message.
• The Input and Upload buttons are on one level and are no longer nested.
• Upload action buttons are wrapped in the k-upload-actions class instead of k-upload-status.
• The Upload component now uses the ProgressBar component for the progress bar UI.

Window

• Added the new themeColor property that supports primary, dark, and light theme colors.
• Replaced the k-window-actions class in the titlebar element for the k-window-titlebar-actions class.
• Replaced the k-window-buttongroup and k-window-buttons classes with the .k-window-actions class.
• Removed the k-window-titleless class.
• Removed the k-dialog-* classes from the Window component.