New to Kendo UI for Angular? Start a free 30-day trial

Layout (Archive)

7.2.0

2022-11-29

Features

  • tilelayout: add keyboard navigation

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0
  • @progress/kendo-theme-fluent: ^5.8.0

7.1.6

2022-11-17

Bug Fixes

  • mark as compatible with Angular v15
  • splitter: a11y compliance

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0
  • @progress/kendo-theme-fluent: ^5.8.0

7.1.5

2022-10-26

Bug Fixes

  • add fluent theme to supported themes list
  • drawer: a11y compliance
  • expansionpanel: a11y compliance
  • panelbar: a11y compliance
  • stepper: a11y compliance
  • tabstrip: add a11y compliance

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0
  • @progress/kendo-theme-fluent: ^5.8.0

7.1.4

2022-09-21

Bug Fixes

  • error due to draggable default import

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0

7.1.3

2022-09-09

Bug Fixes

  • rename k-state css classes

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0

7.1.2

2022-09-07

Bug Fixes

  • update styling
  • unify font icons

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0

7.1.1

2022-08-03

Bug Fixes

  • update state classes

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0

7.1.0

2022-06-13

Bug Fixes

  • bump theme versions
  • drawer: invalid aria-selected attribute applied on items
  • tilelayout: focusable elements in header cannot be focused when reorderable is enabled (#537

Features

  • drawer: hierarchical drawer

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.5.0
  • @progress/kendo-theme-default: ^5.5.0
  • @progress/kendo-theme-material: ^5.5.0

7.0.2

2022-05-26

Bug Fixes

  • panelbar: expand and collapse events are not emitted when selectable is false

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

7.0.1

2022-05-09

Bug Fixes

  • expansionpanel: aria-expanded requires a role attribute
  • splitter: invalid 'role' attribute value

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

7.0.0

2022-04-20

Features

  • update to Angular v12
  • mark as compatible with Angular v14
  • avatar:
    • introduce the 'none' option for the fillMode, rounded, size and themeColor properties

Breaking Changes

  • No longer compatible with Angular v8 - 11

  • The fillMode, rounded, size and themeColor options of the Avatar no longer support null. Please use 'none' instead.

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.6.0

2022-04-07

Features

  • panelbar:
    • introduce collapse event
    • introduce expand event
    • introduce select event
    • allow collapsing single item when expandMode is single or full
    • provide item context variable in title template

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.5.2

2022-03-15

Bug Fixes

  • exclude rxjs/operators from CDN bundles
  • stepper: templates with ngIf not rendered

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.5.1

2022-03-02

Bug Fixes

  • cdn bundles global imports

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.5.0

2022-02-15

Features

  • add GridLayout component
  • add StackLayout component

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.4.2

2022-01-27

Bug Fixes

  • expansionpanel: unnecessary title attribute added to wrapper
  • splitter: kb navigation visual logic broken with splitbar elements rendered at the end (#4

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.4.1

2022-01-25

Bug Fixes

  • tabstrip: incorrect scrollable buttons styling

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.4.0

2022-01-19

Bug Fixes

  • bump theme dependencies to v5
  • install kendo-theme-default v5 using ng-add

Features

  • avatar: add size, fillMode and rounded options

Supported themes

  • @progress/kendo-theme-bootstrap: ^5.0.0
  • @progress/kendo-theme-default: ^5.0.0
  • @progress/kendo-theme-material: ^5.0.0

6.3.6

2021-11-11

Bug Fixes

  • tabstrip: tabAlignment regression with latest rendering

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.3.5

2021-11-03

Bug Fixes

  • mark as compatible with Angular 13
  • Add support for RxJS 7

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.3.4

2021-10-21

Bug Fixes

  • panelbar: update styling

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.3.3

2021-10-13

Bug Fixes

  • tabstrip: scroll position not calculated properly when selecting a tab

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.3.2

2021-09-29

Bug Fixes

  • tabstrip: Error is thrown in SSR applications

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.3.1

2021-09-28

Bug Fixes

  • tabstrip:
    • tabClose event fired outside NgZone
    • disabled tabs are not read by screen readers

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.3.0

2021-09-14

Bug Fixes

  • bump themes versions
  • tabstrip:
    • kb nav issue on tabPosition changes
    • update vertical tabstrip styles

Features

  • tabstrip: scrollable tabs

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.41.1
  • @progress/kendo-theme-default: ^4.41.1
  • @progress/kendo-theme-material: ^4.41.1

6.2.0

2021-09-01

Bug Fixes

  • panelbar: improve accessibility for disabled items
  • tabstrip:
    • update tabs rendering
    • disabled tabs cannot be focused during navigation
    • tabSelect event is emitted when selectTab method is invoked
    • improve accessibility for disabled tabs

Features

  • drawer: add support for custom icon classes
  • tabstrip:
    • introduce closeIcon property to TabStrip and TabStripTab components
    • introduce closable tabs and tabClose event
    • add ngStyle support for TabStripTabComponent

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.33.1
  • @progress/kendo-theme-default: ^4.36.0
  • @progress/kendo-theme-material: ^3.31.1

6.1.8

2021-07-21

Bug Fixes

  • splitter: throws error when another splitter is nested indirectly
  • stepper: the corresponding CSS styles are not applied on orientation change

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.33.1
  • @progress/kendo-theme-default: ^4.36.0
  • @progress/kendo-theme-material: ^3.31.1

6.1.7

2021-06-22

Bug Fixes

  • splitter: dynamically hiding a pane throws an error after resizing
  • tabstrip: tab with tabTitleDirective takes title from nested tab…

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.33.1
  • @progress/kendo-theme-default: ^4.36.0
  • @progress/kendo-theme-material: ^3.31.1

6.1.6

2021-06-11

Bug Fixes

  • expansionpanel: update hidden content CSS class
  • panelbar: input in PanelBar title template not keeping focus
  • tabstrip: spacebar does not work on input inside TabStrip title template

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.33.1
  • @progress/kendo-theme-default: ^4.36.0
  • @progress/kendo-theme-material: ^3.31.1

6.1.5

2021-05-05

Bug Fixes

  • update ng-add schema
  • mark as compatible with Angular v12

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.33.1
  • @progress/kendo-theme-default: ^4.36.0
  • @progress/kendo-theme-material: ^3.31.1

6.1.4

2021-04-05

Bug Fixes

  • expansionpanel: move focus Class to wrapper

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.33.1
  • @progress/kendo-theme-default: ^4.36.0
  • @progress/kendo-theme-material: ^3.31.1

6.1.3

2021-03-19

Bug Fixes

  • panelbar: item title template does not override the title option
  • tabstrip: item title template does not override the title option
  • tilelayout: javascript error is thrown when there is no item title

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.30.0
  • @progress/kendo-theme-default: ^4.32.0
  • @progress/kendo-theme-material: ^3.28.0

6.1.2

2021-02-05

Bug Fixes

  • tilelayout:
    • update row and column dimensions calculation logic
    • generating items with ngFor triggers an error
    • reorder and resize event types are not exported
    • text is not selectable through dragging

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.30.0
  • @progress/kendo-theme-default: ^4.32.0
  • @progress/kendo-theme-material: ^3.28.0

6.1.1

2021-01-20

Bug Fixes

  • tilelayout: default title is not wrapped in an h5 element

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.30.0
  • @progress/kendo-theme-default: ^4.32.0
  • @progress/kendo-theme-material: ^3.28.0

6.1.0

2021-01-19

Bug Fixes

  • update utility CSS classes
  • polish expansionpanel docs
  • tilelayout:
    • gap option accepts number
    • add column autoflow behavior
    • dragservice error

Features

  • add tilelayout component
  • add expansionpanel component

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.30.0
  • @progress/kendo-theme-default: ^4.32.0
  • @progress/kendo-theme-material: ^3.28.0

6.0.0

2020-12-16

Bug Fixes

  • add Shape alias for backwards compatibility
  • add homepage URL
  • avatar: rename Shape model to AvatarShape

Features

  • drop support for Angular 6 and 7
  • enable licensing

Breaking Changes

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.23.0
  • @progress/kendo-theme-default: ^4.25.0
  • @progress/kendo-theme-material: ^3.21.0

5.1.0

2020-11-11

Bug Fixes

  • add Angular 11 to peer dependencies
  • bump themes versions
  • avatar: width and height options not respected

Features

  • avatar: enhance avatar component appearance options

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.23.0
  • @progress/kendo-theme-default: ^4.25.0
  • @progress/kendo-theme-material: ^3.21.0

5.0.4

2020-09-16

Bug Fixes

  • update release notes

Supported themes

  • @progress/kendo-theme-bootstrap: ^4.19.0
  • @progress/kendo-theme-default: ^4.21.0
  • @progress/kendo-theme-material: ^3.18.0

5.0.3

2020-07-08

Bug Fixes

  • splitter: an error is thrown when expanding the last item via doubleclick or enter

5.0.2

2020-06-25

Bug Fixes

  • mark as compatible with Angular 10
  • drawer: error when setting items collection to empty array

5.0.1

2020-05-12

Bug Fixes

  • update demo images
  • broken demo in docs
  • documentation structure

5.0.0

2020-05-11

Bug Fixes

  • peer dependencies
  • drawer: add missing exports

Features

  • Stepper component
  • drawer: keyboard navigation

Breaking Changes

  • New peer dependency @progress/kendo-angular-progressbar

4.2.3

2020-03-09

Bug Fixes

  • panelbar:
    • child content not visible when expanding parent item in single mode
    • single nested item is not rendered properly in Angular 9

4.2.2

2020-02-18

Bug Fixes

  • avatar: dynamic type change

4.2.1

2020-02-05

Bug Fixes

  • drawer: error when items collection is null
  • tabstrip: do not handle focusable elements in the title template

4.2.0

2020-01-14

Bug Fixes

  • mark as compatible with Angular 9.x

Features

  • add card component
  • avatar component

4.1.5

2019-11-11

Bug Fixes

  • drawer:
    • selected item cannot be updated programatically
    • Change item type in DrawerSelectEvent to any
  • tabstrip: tabs not read by screen readers

4.1.4

2019-10-08

Bug Fixes

  • drawer:
    • export DrawerPosition and DrawerMode models
    • wrong direction of collapse animation

4.1.3

2019-10-04

Bug Fixes

  • change items type to any[]
  • tabstrip: tab title is not read by screen readers

4.1.2

2019-10-01

Bug Fixes

  • up/down arrows scroll the page when a horizontal tabstrip is used

4.1.1

2019-09-26

Bug Fixes

  • drawer: drawer service throws error on item select

4.1.0

2019-09-18

Bug Fixes

  • drawer:
    • export DrawerSelectEvent
    • drawer item aot error
  • splitter:
    • error is thrown when the last opened pane is collapsed
    • can't collapse pane completely

Features

  • add rtl animations for overlay mode
  • Drawer Component
  • drawer: add RTL support

4.0.0

2019-06-21

Features

  • Update to RxJS 6

Breaking Changes

  • SystemJS config, if used, must be updated to reference dist/npm/index.js
  • New peer dependency @progress/kendo-angular-common.
  • Angular 4 and 5 are no longer supported

3.3.2

2019-05-29

Bug Fixes

  • mark as compatible with Angular 8

3.3.1

2019-05-15

Bug Fixes

  • disabled content element is not visible
  • min,max percentage calculation for pane without size
  • accept floating point percentage value for min and max
  • splitter: drag on touch devices

3.3.0

2019-03-14

Bug Fixes

  • expanded child state of expanded and collapsed parent
  • don't animate initially selected tab on click
  • panelbar:
    • expanded animation before initial click
    • height in full expand mode
    • don't handle clicks on focusable elements
  • splitter:
    • resizing after orientaion change
    • expression changed after clicking content panelbar and then splitter bar

Features

  • add model hidden option
  • add flat ES module bundles
  • tabstrip: support for setting tab class

3.2.0

2018-10-19

Bug Fixes

  • (splitter) exception thrown when toggling SplitterPanes via *ngIf

Features

  • mark as compatible with Angular 7.x
  • tabstrip: аdd tabAlignment option

3.1.3

2018-09-26

Bug Fixes

  • splitter: neighboring sized panes cannot be resized

3.1.2

2018-08-22

Bug Fixes

  • stale dependencies in browser bundle

3.1.1

2018-06-12

Bug Fixes

  • splitter: remove pane overlay with OnPush CDS

3.1.0

2018-05-09

Bug Fixes

  • mark module as side-effects free
  • mark as compatible with Angular 6.x, RxJS 6.x

Features

  • Schematics support

3.0.0

2018-05-02

Bug Fixes

  • production build error in Angular 6 Beta 8
  • splitter:
    • add class for hiding panes
    • resizing does not work with OnPush change detection
    • broken pane order in IE10

Features

  • support for dynamic RTL switching

Breaking Changes

  • Requires v1.1.0 or above of @progress/kendo-angular-l10n package

2.2.1

2018-03-20

Bug Fixes

  • remove deprecation animation imports from angular/core

2.2.0

2018-03-12

Features

  • add tab position property

2.1.1

2018-03-02

Bug Fixes

  • flatten metadata
  • splitter: honor min/max size of end panes

2.1.0

2018-02-26

Bug Fixes

  • splitter:
    • disable focus on static split bars
    • overlay pane contents during resize

Features

  • splitter:
    • add layoutChange event
    • allow two-way binding of collapsed property

2.0.1

2018-02-14

Bug Fixes

  • bundle metadata and type definitions alongside CommonJS modules
  • apply keepItemContent behavior to dynamically added items
  • type metadata
  • serve CDN bundle for UNPKG and jsDelivr
  • build errors when targeting es2015

2.0.0

2018-01-26

Features

  • use pipeable operators from RxJS 5.5

Breaking Changes

  • Peer dependencies changed; Requires rxjs@^5.5.0

1.2.1

2018-01-26

Bug Fixes

  • require rxjs <5.5 as peer; Upgrade to latest if using rxjs ^5.5; See https://goo.gl/uvvh8R
  • splitter:
    • improve rendering of splitbar next to collapsible pane
    • allow dynamic toggling of orientation

1.2.0

2017-12-25

Features

  • add unique panelbar id to item ids
  • splitter: rtl mode support

1.1.0

2017-11-29

Features

  • add splitter component

1.0.9

2017-11-07

Bug Fixes

  • cleanup ngfactory from package
  • bundle content

1.0.8

2017-11-07

Bug Fixes

  • prevent change detection for tab style binding
  • accept Angular 5.x as a peer dependency

1.0.7

2017-10-03

Bug Fixes

  • use ngTemplateOutletContext

1.0.6

2017-08-31

Bug Fixes

  • import helpers from tslib

1.0.5

2017-06-28

Bug Fixes

  • update license

1.0.4

2017-06-15

Bug Fixes

  • bundle build with Angular 4.2

1.0.3

2017-06-01

Bug Fixes

  • export select event

1.0.2

2017-05-16

Bug Fixes

  • allow custom classes for PaneBar item
  • tabstrip: apply height property to the host view

1.0.10

2017-11-07

Bug Fixes

  • generate metadata compatible with Angular 4

1.0.1

2017-05-11

Bug Fixes

  • render iconClass for PanelBarItemModel items

1.0.0

2017-05-04

Features

  • official release

0.24.3

2017-05-03

Bug Fixes

  • allow empty tabs

0.24.2

2017-04-21

Bug Fixes

  • render nested tabstrips correctly

0.24.1

2017-04-13

Bug Fixes

  • duplicate comments

0.24.0

2017-04-05

Features

  • upgrade to Angular 4.0

0.23.0

2017-04-03

Bug Fixes

  • update tab when selected property is changed
  • render child items templates correctly
  • add unique id to PanelBarItemModel if missing.

Features

  • Add keepItemContent option to PanelBar

0.22.0

2017-03-16

Breaking Changes

  • use RTL token instead of string for details.

0.21.5

2017-03-01

Bug Fixes

  • Rename Tabstrip to TabStrip
  • remove redundant class from panelbar wrapper

0.21.4

2017-02-15

Bug Fixes

  • Allow focusing content elements.

0.21.3

2017-02-13

Bug Fixes

  • panelbar: item with content is not expandable in multiple expand mode

0.21.2

2017-02-10

Bug Fixes

  • lock TS version to 2.0.x

0.21.1

2017-02-09

Bug Fixes

  • wrong comment generation due to missing empty line

0.21.0

2017-02-09

Features

  • make select event preventable

0.20.4

2017-02-06

Bug Fixes

  • Prevent default only on arrow, home, end and space keys #80

0.20.3

2017-02-06

Bug Fixes

  • panelbar: Left Arrow should be pressed twice

0.20.2

2017-02-01

Bug Fixes

  • tabstrip: keyboard support keys scroll the page

0.20.1

2017-01-26

Bug Fixes

  • panelbar: Broken PanelBar child items appearance, when initialized using collections

0.20.0

2017-01-26

Features

  • RTL support

0.19.0

2017-01-20

Features

  • add persist tabs option

0.18.4

2017-01-17

Bug Fixes

  • add k-group to item groups

0.18.3

2017-01-17

Bug Fixes

  • no lines at the end of the file error in api check
  • Event names should not be prefixed with `on' #31
  • TabStrip select event is in collision with DOM select event #52
  • panelbar:
    • remove keydown event handler
    • update name of the change event to stateChange

0.18.2

2017-01-16

Bug Fixes

  • panelbar: panelBar collapse when pressing space inside input element

0.18.1

2017-01-16

Bug Fixes

  • tabstrip: rename animations property to animate

0.18.0

2017-01-16

Features

  • panelbar: allow disabling of the animation

0.17.3

2017-01-16

Bug Fixes

  • exportAs property defined for panelBar and tabstrip public components

0.17.2

2017-01-13

Bug Fixes

  • panelbar:
    • docs exaples use wrong kendoPanelBarItemTemplate
    • templates documentation examples
  • panelbar-docs: remove template from keyboard example

0.17.1

2017-01-11

Bug Fixes

  • examples and reference progress/kendo-theme-default

0.17.0

2016-12-13

Features

  • panelbar: add title template support.

0.16.0

2016-12-05

Features

  • add ES module bundle

0.15.3

2016-11-25

Bug Fixes

  • downgrade metadata version

0.15.2

2016-11-23

Bug Fixes

  • rxjs dependency
  • build docs bundle

0.15.1

2016-11-18

Bug Fixes

  • build docs bundle

0.15.0

2016-11-07

Features

  • Merge branch 'aria-support'
  • panelbar:
    • animation to use void for hiding the content
    • content load on demand support

0.14.2

2016-11-02

Bug Fixes

  • tab selection

0.14.1

2016-10-31

Bug Fixes

  • generated tab id

0.14.0

2016-10-27

Features

  • add support for on demand loading of tabs

0.13.1

2016-10-24

Bug Fixes

  • export directive for latest aot

Features

  • add aot support

0.12.2

2016-10-18

Bug Fixes

  • panelbar: add missing aria-disabled attribute
  • tabstrip: add missing aria-disabled attribute

0.12.1

2016-10-14

Bug Fixes

  • set width on host element.

0.12.0

2016-10-12

Bug Fixes

  • do not refresh tabs when no change

Features

  • panelbar: update keyboard navigation according to the WAI ARIA best practices
  • tabstrip: improve Tabstrip ARIA support

0.11.0

2016-10-07

Features

  • improve ARIA support.

0.10.1

2016-09-28

Bug Fixes

  • make required @angular packages peer dependencies

0.10.0

2016-09-15

Features

  • upgrade to Angular final

0.9.3

2016-09-14

Bug Fixes

  • downgrade TypeScript to 1.8

0.9.2

2016-09-13

Bug Fixes

  • add missing top style class

0.9.1

2016-09-13

Initial release

It includes the the following components

  • Tabstrip
  • Panelbar

In this article

Not finding the help you need?