9.1.0-alpha.10

9.1.0

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Behavioral Change - When a column is sortable sort indicator is always visible. The column is sorted when click on it.

• igx-paginator - The following inputs have been deprecated for the paginator component and will be removed in future versions

  • selectLabel and prepositionPage Use 'resourceStrings' to set/get values.

• IgxInputGroup

  • Renamed supressInputAutofocus input to suppressInputAutofocus
  • Clicking on prefix, suffix or label elements in the Input Group will no longer blur and re-focus the input.

Themes

• Breaking Change Change the default $legacy-support value to false in the igx-theme function.

New Features

• IgxActionStrip component added.

  • Provides a template area for one or more actions. In its simplest form the Action Strip
    is an overlay of any container and shows additional content over that container.

  <igx-action-strip #actionstrip>
      <igx-icon (click)="doSomeAction()"></igx-icon>
  </igx-action-strip>

• igxSplitter component added.

  • Allows rendering a vertical or horizontal splitter with multiple splitter panes with templatable content.
    Panes can be resized or collapsed/expanded via the UI. Splitter orientation is defined via the type input.

  <igx-splitter [type]="type">
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
  </igx-splitter>

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Added ability to pin rows to top or bottom depending on the new pinning input.
    And new API methods pinRow and unpinRow.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { rows: RowPinningPosition.Bottom };

  this.grid.pinRow(rowID);

  • Added support for pinning columns on the right. Change the position of pinning using the new pinning input.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { columns: ColumnPinningPosition.End };

  • Added functionality for column selection.
  • columnSelection property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
  • selected property has been added to the IgxColumnComponent; Allows you to set whether the column is selected.
  • selectable property has been added to the IgxColumnComponent; Allows you to set whether the column is selectable.
  • onColumnSelectionChange event is added for the IgxGrid. It is emitted when the column selection is changed.
  • excelStyleSelectingTemplate property is introduced to IgxGrid, which allows you to set a custom template for the selecting a column in the Excel Style Filter.
  • selectedColumns API method is added for the IgxGrid. It allows to get all selected columns.
  • selectColumns API method is added for the IgxGrid. It allows to select columns by passing array of IgxColumnComponent or column fields.
  • deselectColumns API method is added for the IgxGrid. It allows to deselect columns by passing array of IgxColumnComponent or column fields.
  • deselectAllColumns API method is added for the IgxGrid. It allows to deselect all columns.
  • getSelectedColumnsData API method is added for the IgxGrid. It allows to get the selected columns data.
    Added keyBoard navigation support in the IgxGrid headers. Now is possible to navigate with the arrows keys through grid headers. Also we provide a number of key combinations that trigger a different column functionality like filtering, sorting, grouping and etc. You can read more information in the Grid Specification.
  • Behavioral Change
    • you can not use tab key to navigate between the cell in the Igx Grid. The navigation is performed only with arrow keys.
    • when you are in edit mode with tab key you can navigate to the next editable cell.
    • page up and page down keys will perform action only if the focused element is the tbody of the grid.
    • The grid introduces the following basic tab stops:
      • Toolbar / Group by Area if existing;
      • The first cell in the header row;
      • The first cell in the first body row;
      • The first cell in column summary if exists;
      • Pager UI;
  • onGridKeydown event is deprecated. Now you can directly bind to keydown on the IgxGrid component in order to perform custom keyboard navigation.

• IgxCombo:

  • Added autoFocusSearch input that allows to manipulate the combo's opening behavior. When the property is true (by default), the combo's search input is focused on open. When set to false, the focus goes to the combo items container, which can be used to prevent the software keyboard from activating on mobile devices when opening the combo.

• IgxToast:

  • Added functionality for displaying various content into the toast component. It also allows users to access toast styles through its host element.

• IgxDrag

  • New igxDragIgnore directive that allows children of the igxDrag element to be interactable and receive mouse events. Dragging cannot be performed from those elements that are ignored.
  • New dragDirection input that can specify only one direction of dragging or both.

RTL Support

• igxSlider have full right-to-left (RTL) support.

9.0.13

Bug fixes

• igx-grid Filter behavior #6973

8.2.27

Bug fixes

• igx-grid Filter behavior #6973

9.1.0-alpha.9

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Behavioral Change - When a column is sortable sort indicator is always visible. The column is sorted when click on it.

• igx-paginator - The following inputs have been deprecated for the paginator component and will be removed in future versions

  • selectLabel and prepositionPage Use 'resourceStrings' to set/get values.

• IgxInputGroup

  • Renamed supressInputAutofocus input to suppressInputAutofocus
  • Clicking on prefix, suffix or label elements in the Input Group will no longer blur and re-focus the input.

Themes

• Breaking Change Change the default $legacy-support value to false in the igx-theme function.

New Features

• igxSplitter component added.

  • Allows rendering a vertical or horizontal splitter with multiple splitter panes with templatable content.
    Panes can be resized or collapsed/expanded via the UI. Splitter orientation is defined via the type input.

  <igx-splitter [type]="type">
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
  </igx-splitter>

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Added ability to pin rows to top or bottom depending on the new pinning input.
    And new API methods pinRow and unpinRow.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { rows: RowPinningPosition.Bottom };

  this.grid.pinRow(rowID);

  • Added support for pinning columns on the right. Change the position of pinning using the new pinning input.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { columns: ColumnPinningPosition.End };

  • Added functionality for column selection.
  • columnSelection property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
  • selected property has been added to the IgxColumnComponent; Allows you to set whether the column is selected.
  • selectable property has been added to the IgxColumnComponent; Allows you to set whether the column is selectable.
  • onColumnSelectionChange event is added for the IgxGrid. It is emitted when the column selection is changed.
  • excelStyleSelectingTemplate property is introduced to IgxGrid, which allows you to set a custom template for the selecting a column in the Excel Style Filter.
  • selectedColumns API method is added for the IgxGrid. It allows to get all selected columns.
  • selectColumns API method is added for the IgxGrid. It allows to select columns by passing array of IgxColumnComponent or column fields.
  • deselectColumns API method is added for the IgxGrid. It allows to deselect columns by passing array of IgxColumnComponent or column fields.
  • deselectAllColumns API method is added for the IgxGrid. It allows to deselect all columns.
  • getSelectedColumnsData API method is added for the IgxGrid. It allows to get the selected columns data.
    Added keyBoard navigation support in the IgxGrid headers. Now is possible to navigate with the arrows keys through grid headers. Also we provide a number of key combinations that trigger a different column functionality like filtering, sorting, grouping and etc. You can read more information in the Grid Specification.
  • Behavioral Change
    • you can not use tab key to navigate between the cell in the Igx Grid. The navigation is performed only with arrow keys.
    • when you are in edit mode with tab key you can navigate to the next editable cell.
    • page up and page down keys will perform action only if the focused element is the tbody of the grid.
    • The grid introduces the following basic tab stops:
      • Toolbar / Group by Area if existing;
      • The first cell in the header row;
      • The first cell in the first body row;
      • The first cell in column summary if exists;
      • Pager UI;
  • onGridKeydown event is deprecated. Now you can directly bind to keydown on the IgxGrid component in order to perform custom keyboard navigation.

• IgxCombo:

  • Added autoFocusSearch input that allows to manipulate the combo's opening behavior. When the property is true (by default), the combo's search input is focused on open. When set to false, the focus goes to the combo items container, which can be used to prevent the software keyboard from activating on mobile devices when opening the combo.

• IgxToast:

  • Added functionality for displaying various content into the toast component. It also allows users to access toast styles through its host element.

• IgxDrag

  • New igxDragIgnore directive that allows children of the igxDrag element to be interactable and receive mouse events. Dragging cannot be performed from those elements that are ignored.
  • New dragDirection input that can specify only one direction of dragging or both.

RTL Support

• igxSlider have full right-to-left (RTL) support.

9.0.12

Bug fixes:

• When hide a column the filtering row should be closed #6520
• Clean up TestUtils.UIInteractions #7139

Test enhancements

• Tests Refactoring: Column Pinning #7108
• Tests Refactoring: IgxGrid - Grid Toolbar #7109

8.2.26

Bug fixes

• When hide a column the filtering row should be closed #6520

9.1.0-alpha.8

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Behavioral Change - When a column is sortable sort indicator is always visible. The column is sorted when click on it.

• igx-paginator - The following inputs have been deprecated for the paginator component and will be removed in future versions

  • selectLabel and prepositionPage Use 'resourceStrings' to set/get values.

• IgxInputGroup

  • Renamed supressInputAutofocus input to suppressInputAutofocus
  • Clicking on prefix, suffix or label elements in the Input Group will no longer blur and re-focus the input.

Themes

• Breaking Change Change the default $legacy-support value to false in the igx-theme function.

New Features

• igxSplitter component added.

  • Allows rendering a vertical or horizontal splitter with multiple splitter panes with templatable content.
    Panes can be resized or collapsed/expanded via the UI. Splitter orientation is defined via the type input.

  <igx-splitter [type]="type">
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
  </igx-splitter>

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Added ability to pin rows to top or bottom depending on the new pinning input.
    And new API methods pinRow and unpinRow.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { rows: RowPinningPosition.Bottom };

  this.grid.pinRow(rowID);

  • Added support for pinning columns on the right. Change the position of pinning using the new pinning input.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { columns: ColumnPinningPosition.End };

  • Added functionality for column selection.
  • columnSelection property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
  • selected property has been added to the IgxColumnComponent; Allows you to set whether the column is selected.
  • selectable property has been added to the IgxColumnComponent; Allows you to set whether the column is selectable.
  • onColumnSelectionChange event is added for the IgxGrid. It is emitted when the column selection is changed.
  • excelStyleSelectingTemplate property is introduced to IgxGrid, which allows you to set a custom template for the selecting a column in the Excel Style Filter.
  • selectedColumns API method is added for the IgxGrid. It allows to get all selected columns.
  • selectColumns API method is added for the IgxGrid. It allows to select columns by passing array of IgxColumnComponent or column fields.
  • deselectColumns API method is added for the IgxGrid. It allows to deselect columns by passing array of IgxColumnComponent or column fields.
  • deselectAllColumns API method is added for the IgxGrid. It allows to deselect all columns.
  • getSelectedColumnsData API method is added for the IgxGrid. It allows to get the selected columns data.

• IgxCombo:

  • Added autoFocusSearch input that allows to manipulate the combo's opening behavior. When the property is true (by default), the combo's search input is focused on open. When set to false, the focus goes to the combo items container, which can be used to prevent the software keyboard from activating on mobile devices when opening the combo.

• IgxToast:

  • Added functionality for displaying various content into the toast component. It also allows users to access toast styles through its host element.

• IgxDrag

  • New igxDragIgnore directive that allows children of the igxDrag element to be interactable and receive mouse events. Dragging cannot be performed from those elements that are ignored.
  • New dragDirection input that can specify only one direction of dragging or both.

RTL Support

• igxSlider have full right-to-left (RTL) support.

9.0.11

Bug fixes

• BottomNav integration with router outlet is not considering guards and updates UI incorrectly #7009
• Excel Exporter - build error occurs when noImplicitAny is set to true #4158
• Searching text on a date column in Excel Style Filtering returns illogical results #6619
• Excel style filtering dropdown remains as a shadow under condition dialog #7133

Tests enhancements

• Column Hiding #7107
• IgxHierarchicalGrid selection #6962

8.2.25

Bug fixes

• BottomNav integration with router outlet is not considering guards and updates UI incorrectly #7009
• Searching text on a date column in Excel Style Filtering returns illogical results #6619

9.1.0-alpha.7

9.1.0

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Behavioral Change - When a column is sortable sort indicator is always visible. The column is sorted when click on it.

• IgxInputGroup

  • Renamed supressInputAutofocus input to suppressInputAutofocus
  • Clicking on prefix, suffix or label elements in the Input Group will no longer blur and re-focus the input.

Themes

• Breaking Change Change the default $legacy-support value to false in the igx-theme function.

New Features

• igxSplitter component added.

  • Allows rendering a vertical or horizontal splitter with multiple splitter panes with templatable content.
    Panes can be resized or collapsed/expanded via the UI. Splitter orientation is defined via the type input.

  <igx-splitter [type]="type">
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
  </igx-splitter>

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Added ability to pin rows to top or bottom depending on the new pinning input.
    And new API methods pinRow and unpinRow.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { rows: RowPinningPosition.Bottom };

  this.grid.pinRow(rowID);

  • Added support for pinning columns on the right. Change the position of pinning using the new pinning input.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { columns: ColumnPinningPosition.End };

  • Added functionality for column selection.
  • columnSelection property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
  • selected property has been added to the IgxColumnComponent; Allows you to set whether the column is selected.
  • selectable property has been added to the IgxColumnComponent; Allows you to set whether the column is selectable.
  • onColumnSelectionChange event is added for the IgxGrid. It is emitted when the column selection is changed.
  • excelStyleSelectingTemplate property is introduced to IgxGrid, which allows you to set a custom template for the selecting a column in the Excel Style Filter.
  • selectedColumns API method is added for the IgxGrid. It allows to get all selected columns.
  • selectColumns API method is added for the IgxGrid. It allows to select columns by passing array of IgxColumnComponent or column fields.
  • deselectColumns API method is added for the IgxGrid. It allows to deselect columns by passing array of IgxColumnComponent or column fields.
  • deselectAllColumns API method is added for the IgxGrid. It allows to deselect all columns.
  • getSelectedColumnsData API method is added for the IgxGrid. It allows to get the selected columns data.

• IgxCombo:

  • Added autoFocusSearch input that allows to manipulate the combo's opening behavior. When the property is true (by default), the combo's search input is focused on open. When set to false, the focus goes to the combo items container, which can be used to prevent the software keyboard from activating on mobile devices when opening the combo.

• IgxToast:

  • Added functionality for displaying various content into the toast component. It also allows users to access toast styles through its host element.

• IgxDrag

  • New igxDragIgnore directive that allows children of the igxDrag element to be interactable and receive mouse events. Dragging cannot be performed from those elements that are ignored.
  • New dragDirection input that can specify only one direction of dragging or both.

RTL Support

• igxSlider have f