Skip to content

Releases: IgniteUI/igniteui-angular

9.1.12

18 Aug 08:03
80bc542

Choose a tag to compare

Bug fixes

  • Nav-drawer doesn't apply width if initial state is closed. #6321
  • Column Hiding dropdown closes unintentional #7569
  • [igx-grid][ExcelStyleFiltering]Dialog position when scrolling down to the bottom of the page and click the excel style filtering icon. #7742
  • When grid has no height, custom footer with text and font-size in em and page is zoomed the grid shrinks #7954
  • igx-time-picker in dropdown mode, if we switch to next picker using keyboard tab, point to end of the field. #6827
  • [Row editing] custom template tabs are not recognized when implementing IgxRowEditTabStop directive #7049
  • igx-grid header title needs to be settable #6940

10.1.0

12 Aug 09:44
80cdec9

Choose a tag to compare

10.1.0

General

  • igxCombo
    • Behavioral Change - Change default positioning strategy from ConnectedPositioningStrategy to AutoPositionStrategy. The Auto strategy will initially try to show the element like the Connected strategy does. If the element goes out of the viewport Auto will flip the starting point and the direction, i.e. if the direction is 'bottom', it will switch it to 'top' and so on. If after flipping direction the content goes out of the view, auto strategy will revert to initial start point and direction and will push the content into the view. Note after pushing the content it may hide the combo's input.
    • Make onSearchInput event cancellable. The event args type has been changed to IComboSearchInputEventArgs, which have the following properties: searchText - holds the text typed into the search input, owner - holds a reference to the combo component and cancel - indicates whether the event should be canceled.
  • IgxOverlay
    • Added new property closeOnEscape in OverlaySettings that controls whether the overlay should close on escape keypress. By default closeOnEsc is set to false.
    • Behavioral Change - modal overlays shown directly through the Overlay Service no longer close on Escape by default. That behavior can now be specified using the closeOnEscape property.
  • igxDialog
    • Added closeOnEscape - with it, the dialog can be allowed or prevented from closing when Esc is pressed.
  • IgxNavbar:
    • Breaking Changes - The igx-action-icon has been renamed to igx-navbar-action. It should get renamed in your components via ng update;
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Breaking Change - The selectedRows method is now an @Input property. Setting it to an array of Row IDs will update the grid's selection state, any previous selection will be cleared. Setting it to an empty array will clear the selection entirely.
    • Breaking Change - Removed IgxExcelStyleSortingTemplateDirective, IgxExcelStyleHidingTemplateDirective, IgxExcelStyleMovingTemplateDirective, IgxExcelStylePinningTemplateDirective and IgxExcelStyleSelectingTemplateDirective directives for re-templating the Excel style filter menu. Added two new directives for re-templating the column operations and filter operations areas - IgxExcelStyleColumnOperationsTemplateDirective and IgxExcelStyleFilterOperationsTemplateDirective. Exposed all internal components of the Excel style filter menu in order to be used inside the templates.
    • Breaking Change - IgxColumnHiding and IgxColumnPinning components have been deprecated in favor of a component combining the their functionality - IgxColumnActions which is used with either of the new IgxColumnPinning and IgxColumnHiding directives that specify the action to be triggered through the UI.
  • igxGrid
    • Behavioral Change - For numeric columns, the onCellEdit arguments' newValue will now contain the numeric value that will be committed instead of the string input.
    • Added onScroll event, which is emitted when the grid is scrolled vertically or horizontally.
    • Each grid now expose a default handling for boolean column types. The column will display check or close icon, instead of true/false by default.
  • igxTreeGrid
    • Removed onDataPreLoad event as it is specific for remote virtualization implementation, which is not supported for the igxTreeGrid. A more generic onScroll event is exposed and can be used instead.
  • IgxTimePicker
    • Added a disabled style for time parts outside of the minimum and maximum range.
  • igxDatePicker
    • Added new property - editorTabIndex, that allows setting tabindex for the default editor.

New Theme

Ignite UI for Angular now has a new theme based on our own design system.
You can use one of the following mixins to include a dark or light indigo theme:
igx-indigo-light-theme and igx-indigo-dark-theme

We also added two new palettes that go with the new theme, $light-indigo-palette and $dark-indigo-palette.

The following example shows how you can use the Indigo theme:

// Light version
.indigo-theme {
    @include igx-indigo-light-theme($light-indigo-palette);
}

// Dark version
.indigo-dark-theme {
    @include igx-indigo-dark-theme($dark-indigo-palette);
}

New Features

  • igxButton directive
    • Added styles to support extended fab buttons.
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Exposed new cellEditDone and rowEditDone non cancelable events. The arguments contain rowData that is the committed newValue.
      • cellEditDone - Emitted after a cell has been edited and editing has been committed.
      • rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
    • Introduced showSummaryOnCollapse grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
    • Added support for tooltips on data cells default template and summary cells.
    • Added support for binding columns to properties in nested data objects.
      Data operations (filtering/sorting/updating/etc) are supported for the nested properties.
        <igx-column field="foo.bar.baz"></igx-column>
  • IgxGridState directive
    • Added support for expansion states, column selection and row pinning.
    • Added support for IgxTreeGrid and IgxHierarchicalGrid (including child grids)
  • IgxColumn
    • Added byHeader parameter to the autosize method which specifies if the autosizing should be based only on the header content width.
  • IgxToast
    • message property has been deprecated. You can place the message text in the toast content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxSnackbar
    • message property has been deprecated. You can place the message text in the snackbar content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxNavbar
    • Added new igx-navbar-title, igxNavbarTitle directive that can be used to provide custom content for navbar title. It would override the value of title input property.
  • IgxCalendar and IgxMonthPicker
    • viewDateChanged emitted after the month/year presented in the view is changed after user interaction.
    • activeViewChanged event emitted after the active view (DEFAULT, YEAR, DECADE) is changed after user interaction.
    • viewDate day value is always 1.
    • activeView setter is now available as an input property.
  • IgxCombo
    • Added showSearchCaseIcon to display a case sensitive search icon in the search input. Icon click allows the user to easily toggle the search case sensitivity.

10.1.0-rc.1

11 Aug 09:05
048301c

Choose a tag to compare

10.1.0-rc.1 Pre-release
Pre-release

10.1.0

General

  • igxCombo
    • Behavioral Change - Change default positioning strategy from ConnectedPositioningStrategy to AutoPositionStrategy. The Auto strategy will initially try to show the element like the Connected strategy does. If the element goes out of the viewport Auto will flip the starting point and the direction, i.e. if the direction is 'bottom', it will switch it to 'top' and so on. If after flipping direction the content goes out of the view, auto strategy will revert to initial start point and direction and will push the content into the view. Note after pushing the content it may hide the combo's input.
    • Make onSearchInput event cancellable. The event args type has been changed to IComboSearchInputEventArgs, which have the following properties: searchText - holds the text typed into the search input, owner - holds a reference to the combo component and cancel - indicates whether the event should be canceled.
  • IgxOverlay
    • Added new property closeOnEscape in OverlaySettings that controls whether the overlay should close on escape keypress. By default closeOnEsc is set to false.
    • Behavioral Change - modal overlays shown directly through the Overlay Service no longer close on Escape by default. That behavior can now be specified using the closeOnEscape property.
  • igxDialog
    • Added closeOnEscape - with it, the dialog can be allowed or prevented from closing when Esc is pressed.
  • IgxNavbar:
    • Breaking Changes - The igx-action-icon has been renamed to igx-navbar-action. It should get renamed in your components via ng update;
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Breaking Change - The selectedRows method is now an @Input property. Setting it to an array of Row IDs will update the grid's selection state, any previous selection will be cleared. Setting it to an empty array will clear the selection entirely.
    • Breaking Change - Removed IgxExcelStyleSortingTemplateDirective, IgxExcelStyleHidingTemplateDirective, IgxExcelStyleMovingTemplateDirective, IgxExcelStylePinningTemplateDirective and IgxExcelStyleSelectingTemplateDirective directives for re-templating the Excel style filter menu. Added two new directives for re-templating the column operations and filter operations areas - IgxExcelStyleColumnOperationsTemplateDirective and IgxExcelStyleFilterOperationsTemplateDirective. Exposed all internal components of the Excel style filter menu in order to be used inside the templates.
    • Breaking Change - IgxColumnHiding and IgxColumnPinning components have been deprecated in favor of a component combining the their functionality - IgxColumnActions which is used with either of the new IgxColumnPinning and IgxColumnHiding directives that specify the action to be triggered through the UI.
  • igxGrid
    • Behavioral Change - For numeric columns, the onCellEdit arguments' newValue will now contain the numeric value that will be committed instead of the string input.
    • Added onScroll event, which is emitted when the grid is scrolled vertically or horizontally.
    • Each grid now expose a default handling for boolean column types. The column will display check or close icon, instead of true/false by default.
  • igxTreeGrid
    • Removed onDataPreLoad event as it is specific for remote virtualization implementation, which is not supported for the igxTreeGrid. A more generic onScroll event is exposed and can be used instead.
  • IgxTimePicker
    • Added a disabled style for time parts outside of the minimum and maximum range.
  • igxDatePicker
    • Added new property - editorTabIndex, that allows setting tabindex for the default editor.

New Theme

Ignite UI for Angular now has a new theme based on our own design system.
You can use one of the following mixins to include a dark or light indigo theme:
igx-indigo-light-theme and igx-indigo-dark-theme

We also added two new palettes that go with the new theme, $light-indigo-palette and $dark-indigo-palette.

The following example shows how you can use the Indigo theme:

// Light version
.indigo-theme {
    @include igx-indigo-light-theme($light-indigo-palette);
}

// Dark version
.indigo-dark-theme {
    @include igx-indigo-dark-theme($dark-indigo-palette);
}

New Features

  • igxButton directive
    • Added styles to support extended fab buttons.
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Exposed new cellEditDone and rowEditDone non cancelable events. The arguments contain rowData that is the committed newValue.
      • cellEditDone - Emitted after a cell has been edited and editing has been committed.
      • rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
    • Introduced showSummaryOnCollapse grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
    • Added support for tooltips on data cells default template and summary cells.
    • Added support for binding columns to properties in nested data objects.
      Data operations (filtering/sorting/updating/etc) are supported for the nested properties.
        <igx-column field="foo.bar.baz"></igx-column>
  • IgxGridState directive
    • Added support for expansion states, column selection and row pinning.
    • Added support for IgxTreeGrid and IgxHierarchicalGrid (including child grids)
  • IgxColumn
    • Added byHeader parameter to the autosize method which specifies if the autosizing should be based only on the header content width.
  • IgxToast
    • message property has been deprecated. You can place the message text in the toast content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxSnackbar
    • message property has been deprecated. You can place the message text in the snackbar content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxNavbar
    • Added new igx-navbar-title, igxNavbarTitle directive that can be used to provide custom content for navbar title. It would override the value of title input property.
  • IgxCalendar and IgxMonthPicker
    • viewDateChanged emitted after the month/year presented in the view is changed after user interaction.
    • activeViewChanged event emitted after the active view (DEFAULT, YEAR, DECADE) is changed after user interaction.
    • viewDate day value is always 1.
    • activeView setter is now available as an input property.
  • IgxCombo
    • Added showSearchCaseIcon to display a case sensitive search icon in the search input. Icon click allows the user to easily toggle the search case sensitivity.

10.1.0-rc.0

10 Aug 12:14
af5a276

Choose a tag to compare

10.1.0-rc.0 Pre-release
Pre-release

10.1.0

General

  • igxCombo
    • Behavioral Change - Change default positioning strategy from ConnectedPositioningStrategy to AutoPositionStrategy. The Auto strategy will initially try to show the element like the Connected strategy does. If the element goes out of the viewport Auto will flip the starting point and the direction, i.e. if the direction is 'bottom', it will switch it to 'top' and so on. If after flipping direction the content goes out of the view, auto strategy will revert to initial start point and direction and will push the content into the view. Note after pushing the content it may hide the combo's input.
    • Make onSearchInput event cancellable. The event args type has been changed to IComboSearchInputEventArgs, which have the following properties: searchText - holds the text typed into the search input, owner - holds a reference to the combo component and cancel - indicates whether the event should be canceled.
  • IgxOverlay
    • Added new property closeOnEscape in OverlaySettings that controls whether the overlay should close on escape keypress. By default closeOnEsc is set to false.
    • Behavioral Change - modal overlays shown directly through the Overlay Service no longer close on Escape by default. That behavior can now be specified using the closeOnEscape property.
  • igxDialog
    • Added closeOnEscape - with it, the dialog can be allowed or prevented from closing when Esc is pressed.
  • IgxNavbar:
    • Breaking Changes - The igx-action-icon has been renamed to igx-navbar-action. It should get renamed in your components via ng update;
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Breaking Change - The selectedRows method is now an @Input property. Setting it to an array of Row IDs will update the grid's selection state, any previous selection will be cleared. Setting it to an empty array will clear the selection entirely.
    • Breaking Change - Removed IgxExcelStyleSortingTemplateDirective, IgxExcelStyleHidingTemplateDirective, IgxExcelStyleMovingTemplateDirective, IgxExcelStylePinningTemplateDirective and IgxExcelStyleSelectingTemplateDirective directives for re-templating the Excel style filter menu. Added two new directives for re-templating the column operations and filter operations areas - IgxExcelStyleColumnOperationsTemplateDirective and IgxExcelStyleFilterOperationsTemplateDirective. Exposed all internal components of the Excel style filter menu in order to be used inside the templates.
    • Breaking Change - IgxColumnHiding and IgxColumnPinning components have been deprecated in favor of a component combining the their functionality - IgxColumnActions which is used with either of the new IgxColumnPinning and IgxColumnHiding directives that specify the action to be triggered through the UI.
  • igxGrid
    • Behavioral Change - For numeric columns, the onCellEdit arguments' newValue will now contain the numeric value that will be committed instead of the string input.
    • Added onScroll event, which is emitted when the grid is scrolled vertically or horizontally.
    • Each grid now expose a default handling for boolean column types. The column will display check or close icon, instead of true/false by default.
  • igxTreeGrid
    • Removed onDataPreLoad event as it is specific for remote virtualization implementation, which is not supported for the igxTreeGrid. A more generic onScroll event is exposed and can be used instead.
  • IgxTimePicker
    • Added a disabled style for time parts outside of the minimum and maximum range.
  • igxDatePicker
    • Added new property - editorTabIndex, that allows setting tabindex for the default editor.

New Theme

Ignite UI for Angular now has a new theme based on our own design system.
You can use one of the following mixins to include a dark or light indigo theme:
igx-indigo-light-theme and igx-indigo-dark-theme

We also added two new palettes that go with the new theme, $light-indigo-palette and $dark-indigo-palette.

The following example shows how you can use the Indigo theme:

// Light version
.indigo-theme {
    @include igx-indigo-light-theme($light-indigo-palette);
}

// Dark version
.indigo-dark-theme {
    @include igx-indigo-dark-theme($dark-indigo-palette);
}

New Features

  • igxButton directive
    • Added styles to support extended fab buttons.
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Exposed new cellEditDone and rowEditDone non cancelable events. The arguments contain rowData that is the committed newValue.
      • cellEditDone - Emitted after a cell has been edited and editing has been committed.
      • rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
    • Introduced showSummaryOnCollapse grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
    • Added support for tooltips on data cells default template and summary cells.
    • Added support for binding columns to properties in nested data objects.
      Data operations (filtering/sorting/updating/etc) are supported for the nested properties.
        <igx-column field="foo.bar.baz"></igx-column>
  • IgxGridState directive
    • Added support for expansion states, column selection and row pinning.
    • Added support for IgxTreeGrid and IgxHierarchicalGrid (including child grids)
  • IgxColumn
    • Added byHeader parameter to the autosize method which specifies if the autosizing should be based only on the header content width.
  • IgxToast
    • message property has been deprecated. You can place the message text in the toast content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxSnackbar
    • message property has been deprecated. You can place the message text in the snackbar content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxNavbar
    • Added new igx-navbar-title, igxNavbarTitle directive that can be used to provide custom content for navbar title. It would override the value of title input property.
  • IgxCalendar and IgxMonthPicker
    • viewDateChanged emitted after the month/year presented in the view is changed after user interaction.
    • activeViewChanged event emitted after the active view (DEFAULT, YEAR, DECADE) is changed after user interaction.
    • viewDate day value is always 1.
    • activeView setter is now available as an input property.
  • IgxCombo
    • Added showSearchCaseIcon to display a case sensitive search icon in the search input. Icon click allows the user to easily toggle the search case sensitivity.

10.0.8

10 Aug 13:52
e87e62b

Choose a tag to compare

Bug fixing

  • Wrong sizing in IE 11 - Related to [IE11] IgxDialog sizing and animations are off in IE 11 #6781
  • Grid's outlet property is not marked as input #7899
  • Update typedoc theme #7927
  • Igniteui-angular depending on core-js-pure #7808
  • Slider throws expressionChangeAfterChecked error when bound w/ ngModel #7683
  • Dropdown: box-shadow is missing in some cases #7821

9.1.11

10 Aug 13:48
f07a089

Choose a tag to compare

Bug fixes

  • Igniteui-angular depending on core-js-pure #7808
  • Grid's outlet property is not marked as input #7899
  • The column selection icon is misaligned in the ESF with cosy display density #7867
  • Slider throws expressionChangeAfterChecked error when bound w/ ngModel #7683
  • Wrong sizing in IE11 - Related to - [IE11] IgxDialog sizing and animations are off in IE 11 #6781
  • Dropdown: box-shadow is missing in some cases #7821

10.1.0-beta.0

05 Aug 13:24
beac2be

Choose a tag to compare

10.1.0-beta.0 Pre-release
Pre-release

10.1.0

General

  • igxCombo
    • Behavioral Change - Change default positioning strategy from ConnectedPositioningStrategy to AutoPositionStrategy. The Auto strategy will initially try to show the element like the Connected strategy does. If the element goes out of the viewport Auto will flip the starting point and the direction, i.e. if the direction is 'bottom', it will switch it to 'top' and so on. If after flipping direction the content goes out of the view, auto strategy will revert to initial start point and direction and will push the content into the view. Note after pushing the content it may hide the combo's input.
    • Make onSearchInput event cancellable. The event args type has been changed to IComboSearchInputEventArgs, which have the following properties: searchText - holds the text typed into the search input, owner - holds a reference to the combo component and cancel - indicates whether the event should be canceled.
  • IgxOverlay
    • Added new property closeOnEscape in OverlaySettings that controls whether the overlay should close on escape keypress. By default closeOnEsc is set to false.
    • Behavioral Change - modal overlays shown directly through the Overlay Service no longer close on Escape by default. That behavior can now be specified using the closeOnEscape property.
  • igxDialog
    • Added closeOnEscape - with it, the dialog can be allowed or prevented from closing when Esc is pressed.
  • IgxNavbar:
    • Breaking Changes - The igx-action-icon has been renamed to igx-navbar-action. It should get renamed in your components via ng update;
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Breaking Change - The selectedRows method is now an @Input property. Setting it to an array of Row IDs will update the grid's selection state, any previous selection will be cleared. Setting it to an empty array will clear the selection entirely.
    • Breaking Change - Removed IgxExcelStyleSortingTemplateDirective, IgxExcelStyleHidingTemplateDirective, IgxExcelStyleMovingTemplateDirective, IgxExcelStylePinningTemplateDirective and IgxExcelStyleSelectingTemplateDirective directives for re-templating the Excel style filter menu. Added two new directives for re-templating the column operations and filter operations areas - IgxExcelStyleColumnOperationsTemplateDirective and IgxExcelStyleFilterOperationsTemplateDirective. Exposed all internal components of the Excel style filter menu in order to be used inside the templates.
    • Breaking Change - IgxColumnHiding and IgxColumnPinning components have been deprecated in favor of a component combining the their functionality - IgxColumnActions which is used with either of the new IgxColumnPinning and IgxColumnHiding directives that specify the action to be triggered through the UI.
  • igxGrid
    • Behavioral Change - For numeric columns, the onCellEdit arguments' newValue will now contain the numeric value that will be committed instead of the string input.
    • Added onScroll event, which is emitted when the grid is scrolled vertically or horizontally.
    • Each grid now expose a default handling for boolean column types. The column will display check or close icon, instead of true/false by default.
  • igxTreeGrid
    • Removed onDataPreLoad event as it is specific for remote virtualization implementation, which is not supported for the igxTreeGrid. A more generic onScroll event is exposed and can be used instead.
  • IgxTimePicker
    • Added a disabled style for time parts outside of the minimum and maximum range.
  • igxDatePicker
    • Added new property - editorTabIndex, that allows setting tabindex for the default editor.

New Theme

Ignite UI for Angular now has a new theme based on our own design system.
You can use one of the following mixins to include a dark or light indigo theme:
igx-indigo-light-theme and igx-indigo-dark-theme

We also added two new palettes that go with the new theme, $light-indigo-palette and $dark-indigo-palette.

The following example shows how you can use the Indigo theme:

// Light version
.indigo-theme {
    @include igx-indigo-light-theme($light-indigo-palette);
}

// Dark version
.indigo-dark-theme {
    @include igx-indigo-dark-theme($dark-indigo-palette);
}

New Features

  • igxButton directive
    • Added styles to support extended fab buttons.
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Exposed new cellEditDone and rowEditDone non cancelable events. The arguments contain rowData that is the committed newValue.
      • cellEditDone - Emitted after a cell has been edited and editing has been committed.
      • rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
    • Introduced showSummaryOnCollapse grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
    • Added support for tooltips on data cells default template and summary cells.
    • Added support for binding columns to properties in nested data objects.
      Data operations (filtering/sorting/updating/etc) are supported for the nested properties.
        <igx-column field="foo.bar.baz"></igx-column>
  • IgxGridState directive
    • Added support for expansion states, column selection and row pinning.
    • Added support for IgxTreeGrid and IgxHierarchicalGrid (including child grids)
  • IgxColumn
    • Added byHeader parameter to the autosize method which specifies if the autosizing should be based only on the header content width.
  • IgxToast
    • message property has been deprecated. You can place the message text in the toast content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxSnackbar
    • message property has been deprecated. You can place the message text in the snackbar content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxNavbar
    • Added new igx-navbar-title, igxNavbarTitle directive that can be used to provide custom content for navbar title. It would override the value of title input property.
  • IgxCalendar and IgxMonthPicker
    • viewDateChanged emitted after the month/year presented in the view is changed after user interaction.
    • activeViewChanged event emitted after the active view (DEFAULT, YEAR, DECADE) is changed after user interaction.
    • viewDate day value is always 1.
    • activeView setter is now available as an input property.
  • IgxCombo
    • Added showSearchCaseIcon to display a case sensitive search icon in the search input. Icon click allows the user to easily toggle the search case sensitivity.

10.1.0-alpha.5

03 Aug 19:31
d7ab1c1

Choose a tag to compare

10.1.0-alpha.5 Pre-release
Pre-release

10.1.0

General

  • igxCombo
    • Behavioral Change - Change default positioning strategy from ConnectedPositioningStrategy to AutoPositionStrategy. The Auto strategy will initially try to show the element like the Connected strategy does. If the element goes out of the viewport Auto will flip the starting point and the direction, i.e. if the direction is 'bottom', it will switch it to 'top' and so on. If after flipping direction the content goes out of the view, auto strategy will revert to initial start point and direction and will push the content into the view. Note after pushing the content it may hide the combo's input.
    • Make onSearchInput event cancellable. The event args type has been changed to IComboSearchInputEventArgs, which have the following properties: searchText - holds the text typed into the search input, owner - holds a reference to the combo component and cancel - indicates whether the event should be canceled.
  • IgxOverlay
    • Added new property closeOnEscape in OverlaySettings that controls whether the overlay should close on escape keypress. By default closeOnEsc is set to false.
    • Behavioral Change - modal overlays shown directly through the Overlay Service no longer close on Escape by default. That behavior can now be specified using the closeOnEscape property.
  • igxDialog
    • Added closeOnEscape - with it, the dialog can be allowed or prevented from closing when Esc is pressed.
  • IgxNavbar:
    • Breaking Changes - The igx-action-icon has been renamed to igx-navbar-action. It should get renamed in your components via ng update;
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Breaking Change - The selectedRows method is now an @Input property. Setting it to an array of Row IDs will update the grid's selection state, any previous selection will be cleared. Setting it to an empty array will clear the selection entirely.
  • igxGrid
    • Added onScroll event, which is emitted when the grid is scrolled vertically or horizontally.
    • Each grid now expose a default handling for boolean column types. The column will display check or close icon, instead of true/false by default.
  • igxTreeGrid
    • Removed onDataPreLoad event as it is specific for remote virtualization implementation, which is not supported for the igxTreeGrid. A more generic onScroll event is exposed and can be used instead.
  • IgxTimePicker
    • Added a disabled style for time parts outside of the minimum and maximum range.
  • igxDatePicker
    • Added new property - editorTabIndex, that allows setting tabindex for the default editor.

New Theme

Ignite UI for Angular now has a new theme based on our own design system.
You can use one of the following mixins to include a dark or light indigo theme:
igx-indigo-light-theme and igx-indigo-dark-theme

We also added two new palettes that go with the new theme, $light-indigo-palette and $dark-indigo-palette.

The following example shows how you can use the Indigo theme:

// Light version
.indigo-theme {
    @include igx-indigo-light-theme($light-indigo-palette);
}

// Dark version
.indigo-dark-theme {
    @include igx-indigo-dark-theme($dark-indigo-palette);
}

New Features

  • igxButton directive
    • Added styles to support extended fab buttons.
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • Introduced showSummaryOnCollapse grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
    • Added support for tooltips on data cells default template and summary cells.
    • Added support for binding columns to properties in nested data objects.
      Data operations (filtering/sorting/updating/etc) are supported for the nested properties.
        <igx-column field="foo.bar.baz"></igx-column>
  • IgxGridState directive
    • Added support for expansion states, column selection and row pinning.
    • Added support for IgxTreeGrid and IgxHierarchicalGrid (including child grids)
  • IgxColumn
    • Added byHeader parameter to the autosize method which specifies if the autosizing should be based only on the header content width.
  • IgxToast
    • message property has been deprecated. You can place the message text in the toast content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxSnackbar
    • message property has been deprecated. You can place the message text in the snackbar content or pass it as parameter to show method instead.
    • An optional string parameter message has been added to show() method.
  • IgxNavbar
    • Added new igx-navbar-title, igxNavbarTitle directive that can be used to provide custom content for navbar title. It would override the value of title input property.
  • IgxCalendar and IgxMonthPicker
    • viewDateChanged emitted after the month/year presented in the view is changed after user interaction.
    • activeViewChanged event emitted after the active view (DEFAULT, YEAR, DECADE) is changed after user interaction.
    • viewDate day value is always 1.
    • activeView setter is now available as an input property.
  • IgxCombo
    • Added showSearchCaseIcon to display a case sensitive search icon in the search input. Icon click allows the user to easily toggle the search case sensitivity.

10.0.7

03 Aug 13:23
fb8eb12

Choose a tag to compare

Bug fixes

  • Button group buttons have some outside margins #7858
  • Copied data is not correct when grid paging is enabled #7801
  • Changing the type of input-group from 'line' to 'fluent' removes the label #7455
  • ESF has a horizontal scrollbar in safari, IE11, Edge and Firefox #7865
  • When there are pinned row and grouped column the select all rows checkbox state is not correct #7600
  • When add a row and then click on select all rows checkbox its checked state is not correct #7582
  • Data Visualization component themes cannot be excluded #7897

9.1.10

03 Aug 13:17
eaa08e0

Choose a tag to compare

Bug fixes

  • Button group buttons have some outside margins #7858
  • Copied data is not correct when grid paging is enabled #7801
  • ESF has a horizontal scrollbar in safari, IE11, Edge and Firefox #7865
  • When there are pinned row and grouped column the select all rows checkbox state is not correct #7600
  • When add a row and then click on select all rows checkbox its checked state is not correct #7582