Edit this page

2017 Releases

Kendo UI 2017 R1 SP1

Changes from 2017 R1

Breaking Changes

DropDownList

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

Kendo UI 2017 R1

Changes from 2016 R3 SP2

Breaking Changes

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 Table 1 below. 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 should move it to a title attribute.

    Example
            <span class="k-icon k-i-close">Hide</span>
    
            <span class="k-icon k-i-close" title="Hide"></span>
    
    Example
            <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

Other articles on Kendo UI breaking changes and backwards compatibility: