2017 Releases

This article lists the breaking changes in the Kendo UI 2017 releases.

Kendo UI 2017 R1 SP1

DropDownList

The widget will not select the focused item on click outside (on blur).

Kendo UI 2017 R1

Icons

All icons are now font icons. Raster images and images sprites are no longer used. The implications are as follows:

  • To be unified around the semantic meaning, icon classes are changed. If your code depends on them, for example, for DOM traversal, you might need to update it according to the following Table 1. For the full list of available icons and classes in the latest release, refer to the article on web font icons.

  • The font-size: 0; rule is no longer applied to elements using Kendo UI icons. In this way, if they have text, it will now show up and obscure the icon. You have to move it to a title attribute.

            <span class="k-icon k-i-close">Hide</span>
    
            <span class="k-icon k-i-close" title="Hide"></span>
    
            <a href=""><span class="k-icon k-i-close">Hide</span></a>
    
            <a href="" title="Hide"><span class="k-icon k-i-close"></span>
    

Table 1. Changed icon CSS classes

Icon Old CSS Class New CSS Class
.k-i-arrow-s .k-i-arrow-60-down
.k-i-arrow-e .k-i-arrow-60-right
.k-i-arrow-n .k-i-arrow-60-up
.k-i-arrow-w .k-i-arrow-60-left
.k-i-seek-n .k-i-arrow-seek-up
.k-i-seek-e .k-i-arrow-end-right
.k-i-seek-s .k-i-arrow-seek-down
.k-i-seek-w .k-i-arrow-end-left
.k-i-sarrow-n .k-i-arrow-60-up
.k-i-sarrow-e .k-i-arrow-60-right
.k-i-sarrow-s .k-i-arrow-60-down
.k-i-sarrow-w .k-i-arrow-60-left
.k-i-collapse .k-i-arrow-60-down
.k-i-expand .k-i-arrow-60-right
.k-i-expand-n .k-i-arrow-60-up
.k-i-expand-e .k-i-arrow-60-right
.k-i-expand-s .k-i-arrow-60-down
.k-i-expand-w .k-i-arrow-60-left
.k-i-resize-nw .k-i-arrow-45-up-left
.k-i-arrowhead-n .k-i-arrow-chevron-up
.k-i-arrowhead-e .k-i-arrow-chevron-right
.k-i-arrowhead-s .k-i-arrow-chevron-down
.k-i-arrowhead-w .k-i-arrow-chevron-left
.k-i-deny .k-i-cancel-outline
.k-plus .k-i-plus
.k-i-splus .k-i-plus-sm
.k-minus .k-i-minus
.k-i-sminus .k-i-minus-sm
.k-i-refresh-clear .k-i-non-recurrence
.k-i-restore .k-i-window-restore
.k-i-maximize .k-i-window-maximize
.k-i-minimize .k-i-window-minimize
.k-i-insert-image .k-i-image-insert
.k-i-insert-file .k-i-file-add
.k-i-pdfa .k-i-pdf
.k-i-xlsa .k-i-xls
.k-i-hamburger .k-i-menu
.k-i-vbars .k-i-more-vertical
.k-i-hbars .k-i-more-horizontal
.k-i-dimension .k-i-arrows-dimensions
.k-i-undo-large .k-i-undo
.k-i-redo-large .k-i-redo
.k-i-rotate-ccw .k-i-rotate-left
.k-i-rotate-cw .k-i-rotate-right
.k-i-strike-through .k-i-strikethrough
.k-i-text .k-i-foreground-color
.k-i-fx .k-i-formula-fx
.k-i-subscript .k-i-sub-script
.k-i-superscript .k-i-sup-script
.k-i-increase-decimal .k-i-decimal-increase
.k-i-decrease-decimal .k-i-decimal-decrease
.k-i-justify-left .k-i-align-left
.k-i-justify-center .k-i-align-center
.k-i-justify-right .k-i-align-right
.k-i-justify-full .k-i-align-justify
.k-i-justify-clear .k-i-align-remove
.k-i-insert-n .k-i-insert-up
.k-i-insert-m .k-i-insert-middle
.k-i-insert-s .k-i-insert-down
.k-i-insert-unordered-list .k-i-list-unordered
.k-i-insert-ordered-list .k-i-list-ordered
.k-i-clearformat .k-i-clear-css
.k-i-create-table .k-i-table-light-dialog
.k-i-add-column-left .k-i-table-column-insert-left
.k-i-add-column-right .k-i-table-column-insert-right
.k-i-group-delete .k-i-close
.k-i-delete-column .k-i-table-column-delete
.k-i-add-row-above .k-i-table-row-insert-above
.k-i-add-row-below .k-i-table-row-insert-below
.k-i-delete-row .k-i-table-row-delete
.k-i-merge-cells .k-i-cells-merge
.k-i-normal-layout .k-i-table-unmerge
.k-i-page-layout .k-i-layout-2-by-2
.k-i-all-borders .k-i-borders-all
.k-i-inside-borders .k-i-borders-inside
.k-i-inside-horizontal-borders .k-i-borders-inside-horizontal
.k-i-inside-vertical-borders .k-i-borders-inside-vertical
.k-i-outside-borders .k-i-borders-outside
.k-i-top-border .k-i-border-top
.k-i-right-border .k-i-border-right
.k-i-bottom-border .k-i-border-bottom
.k-i-left-border .k-i-border-left
.k-i-no-borders .k-i-border-no
.k-i-merge-horizontally .k-i-cells-merge-horizontally
.k-i-merge-vertically .k-i-cells-merge-vertically
.k-i-freeze-col .k-i-column-freeze
.k-i-freeze-row .k-i-row-freeze
.k-i-freeze-panes .k-i-pane-freeze
.k-i-format-number .k-i-custom-format
.k-i-fullscreen-enter .k-i-full-screen
.k-i-volume-low .k-i-volume-down
.k-i-volume-high .k-i-volume-up
.k-i-volume-mute .k-i-volume-off

See Also

In this article
Not finding the help you need? Improve this article