7.1.13

Bug Fixes

• In EI11 and error is returned when filter by date #4434
• Filtered column header goes over the RowSelectors and groups when scroll horizontal #4366

7.2.4

New feature

• Multi-cell selection - Enables range selection of cells in the grid.

Grids Performance improvements

• Grid rendering speed
• Grid grouping rendering speed
• Grid vertical scrolling using the scroll arrows
• Grid horizontal scrolling using the scroll arrows
• Grid cell focusing time
• Typing a character in an inline editor

Bug fixing

• IgxForOf - Virtual item index with remote data #4455
• If grid has height in %(or no height) and filtering is enabled, then height is not calculated correctly. #4458
• 3rd level child does not scroll with keyboard nav #4447
• When in column group a column is hidden in the excel style filter LEFT and RIGHT buttons are enabled #4412
• Column Moving keydown.escape HostListener needs refactoring #4296
• Hierarchical Grid: scrolled child views remain after the root grid has been destroyed #4440
• When child grids have width in % (or no width) and there is horizontal scrollbar the vertical scrollbar is not visible. #4449
• Opening the Filtering dropdown twice in an igxHierarchicalGrid results in warning messages in the browser console #4436
• for-of init optimizations for grids #4374
• Changing columns dynamically in the Hierarchical Grid resets root column list to contain child columns. #4337
• Cell is not selected on click [IE] #1780
• igx-grid: Uncommitted IME text gets lost when Enter key is pressed in an edit cell template. #4314

7.2.3

Improvements

• IPinColumnEventArgs new property - added a new property isPinned to the IPinColumnEventArgs interface. Now the onColumnPinning event emits information whether the column is pinned or unpinned.
• igxGrid
  • igxFilterCellTemplate directive added that allows retemplating of the filter cell.
  • IgxColumnComponent now has filterCellTemplate property that can be used to retemplate the filter cell.

Bug fixes

• Fix auto-generate columns for TreeGrid #4399
• Emiting event when unpinning column #3833
• In Firefox when collapse all groups grid becomes empty #4304
• When transactions are enabled and update a filtered cell there is an error in console #4214
• In IE11 datePicker delete button is not in correct position when open a cell in edit mode #4116
• Refactoring filter cell navigation so that it is handled in the navigation service. Handling special scenarios for hierarchical grid in the hierarchical navigation service. #4267
• Grid: fix sorting in chrome #4397
• An error is returned when add a child for not committed row and summaries are enabled #4317
• Update child summaries correctly when CRUD operations are performed #4408
• Add igxQuickFilterTemplate directive #4377
• Resizing: move resize handle logic in a directive #4378
• No event emitted when column is unpinned #3799
• When update a cell in the grouped column the child summaries are not updated #4324
• Column Group border is misaligned with its children's in some cases #4387
• Expanding last row of HierarchicalGrid via keyboard(Alt + downArrow) leads to cell losing its focus. #4080
• fix(HierarchicalGrid): Moving onGridCreated to be emitted onInit #4370
• Virtualization of grid not working in tab #4329
• When you pin child column the whole group is not pinned #4278

7.1.12

Bug fixes

• When transactions are enabled and update a filtered cell there is an error in console #4214
• Grid: fix sorting in chrome 7.1.x #4398
• An error is returned when add a child for not committed row and summaries are enabled #4317
• When update a cell in the grouped column the child summaries are not updated #4324
• Making sure size cache is not re-calculated each time sum of the heights is retrieved. #4404
• Virtualization of grid not working in tab #4329
• Column Group border is misaligned with its children's in some cases #4387

7.2.2

Features

• Components' Display Type - All components now have their CSS display property explicitly set on the host element to ensure width, padding, and margins are applied when set directly on the host selectors.
• Themes
  • Add support for gradients and images as values for component themes via the component theme functions.
  • Palettes - added surface color to the palette. The surface color is used by cards, pickers, dialog windows, etc. as the default background.

Bug fixes

• fix(tabs): Fix for applying styles to tabs group #4371
• igxInput - add ability to toggle required dynamically #4361
• Select sort button only if default template is used #4372
• Public enumerations should not be constants #4364
• fix(hierarchicalGrid): Fix scrollbar not updated when data for children is loaded after initial load. #4334
• fix(date-picker): Fix for re-templating dropdown date-picker #4325
• Remove ngModel from datepicker #4333
• Scrollbar is not updated when load remote data #4209
• IgxGrid cell edit does not update values (onCellEdit) #4055
• Initial GroupBy performance is poor with many columns grouped #4309
• Components' display type #4316
• Including summary row cells in tab sequence for HierarchicalGrid navigation. #4293
• Surface color #4109
• headerGroupClasses is marked as hidden #4276
• Update AutoScrollStrategy to reposition elements outside NgZone #4250
• Optimizing post group pipe for 4309 - 7.2.x #4310
• IgxSelect does not close on Shift+Tab #4164
• clone method should have inheritdoc in all position strategies #4265
• Dialog does not emits close event the second time that is opened and closed #4222
• IgxLabelComponent is hidden #4237
• refactor(button-group): Fix the double borders between the buttons #4092
• Allow gradient/image values as backgrounds in component themes #4218
• Time Picker enhancements #4348

7.1.11

Improvements

• Row and Cell editing Docs improvements #4055

7.2.1

Improvements

• igxSelect - select-positioning-strategy code cleanup #4019
• Feature Column Hiding and Column Pinning components now expose a disableFilter property which allows hiding the filter columns input from the UI.

Bug fixes

• Tooltip remains opened after clicking its target #4127
• Can not move a column to left if the previous column is column group #4114
• TextHighlight Directive makes the matching spans bold #4129
• IgxDropDownItem still uses deprecated accessors #4167
• Double click in editMode reverts the cell's value #3985
• Navigation with Ctrl+arrow keys does not work in child grids #4120
• In IE11 and Edge when scroll page the excel filter dialog is not moved #4112
• IgxCalendar overlay, rendered from cell in edit mode, goes outside the grid when scrolling #4205
• When using keyboard navigation the child grid does not scroll to next row when next child is empty. #4153
• selectedIndex doesn't switch tab. #4245
• When the last column is hidden button RIGHT for the last visible column should be disabled #4230
• When excel-style-filtering is enabled and press Shift+tab on first cell the scroll should not be moved #4219
• Can not navigate with tab in filtering row if grid has no horizontal scroll #4111
• ExcelFilterStyle , what is the name of the onClick methods for the apply and cancel button ? onFilteringDone doesnt work here #4248
• When you focus an element from the Excel-Style Filtering List in Chrome a blue boarder appears #4269
• Need ability to remove a column filter that was previously set in the grid #4305
• Keyboard navigation inside summaries for hierarchical grid is not working with Ctrl + arrow keys #4176
• ReadMe links are broken on 7.2.0. release note #4251
• Error when scrolling grid with mouse wheel after closing a dialog window in the page #4232
• Circular progress bar throws error on IE11 #3787
• Issue with export excel/csv from grid #3763
• Setting grid data property manually after initial rendering without binding it to the input is not detected. #4242
• When child grids does not have set height and expand a row in child grid scrollbars are not updated and there is empty space on the grid #4239
• [ng add]: Enabling polyfills step doesn't update properly polyfill.ts generated by Angular CLI v7.3.x. #3967
• When change sorting from the excel filter it is not applied for the grouped column #4119
• When grid is filtered and update a cell summaries are not updated #4211
• [igx-date-picker] igxCalendarHeader and igxCalendarSubheader don't work #4223
• [igx-date-picker] unnecessary suffix "日" to the date part of the calendar. #4224
• igxMonthPicker - arrowdown and arrow up not working correctly inside months view #4190
• In Edge resizing indicators are offset incorrectly #3908
• igx-column-group does not fire onColumnVisibilityChanged #4194
• igxOverlay-set content div's position to relative, #4220

7.1.10

Features

• Column Hiding and Column Pinning components now expose a disableFilter property which allows hiding the filter columns input from the UI.

Bug Fixes

• Tooltip remains opened after clicking its target #4127
• TextHighlight Directive makes the matching spans bold #4129
• igx-grid: pinned property doesn't work when width property is set together. #4125
• Double click in editMode reverts the cell's value #3985
• Issue with export excel/csv from grid #3763
• Error when scrolling grid with mouse wheel after closing a dialog window in the page #4232
• Circular progress bar throws error on IE11 #3787
• Setting grid data property manually after initial rendering without binding it to the input is not detected. #4242
• headerGroupClasses is marked as hidden #4276
• When you pin child column the whole group is not pinned #4278
• igx-column-group does not fire onColumnVisibilityChanged #4194
• When grid is filtered and update a cell summaries are not updated #4211

6.2.12

Bug fixes

• igx-grid: pinned property doesn't work when width property is set together. #4125
• When you pin child column the whole group is not pinned #4278

7.2.0

• igxCalendar

  • igxCalendar has been refactored to provide the ability to instantiate each view as a separate component.
  • Feature advanced keyboard navigation support has been added. Read up more information in the ReadMe

• New component IgxMonthPicker:

  • Provides the ability to pick a specific month. Read up more information in the ReadMe

• New component IgxHierarchicalGrid:

  • Provides the ability to represent and manipulate hierarchical data in which each level has a different schema. Each level is represented by a component derived from igx-grid and supports most of its functionality. Read up more information about the IgxHierarchicalGrid in the official documentation or the ReadMe

• New component The igxSelect provides an input with dropdown list allowing selection of a single item.

  <igx-select #select1 [placeholder]="'Pick One'">
      <label igxLabel>Sample Label</label>
      <igx-select-item *ngFor="let item of items" [value]="item.field">
          {{ item.field }}
      </igx-select-item>
  </igx-select>

documentation or the ReadMe

• New directive igxAutocomplete - new directive that provides a way to enhance a text input by showing a panel of suggested options, provided by the developer. More information about the IgxAutocomplete is available in the official documentation or the ReadMe.

  <input igxInput type="text" [igxAutocomplete]="townsPanel" />
  <igx-drop-down #townsPanel>
      <igx-drop-down-item *ngFor="let town of towns" [value]="town">
          {{town}}
      </igx-drop-down-item>
  </igx-drop-down>

• igxGrid now has isLoading input property. When enabled will show loading indicator, until the data is available. It can be best utilized for remote scenarios. Another input property loadingGridTemplate allows customizing the loading indicator.

  <!-- Example -->
  <igx-grid [isLoading]="true" ...>
  </igx-grid>

  • Group By
    • The collapse/expand icons have new orientantion to display the action that will be performed when clicked. When an icon points up clicking on it would result in collapsing the related group row and when it points down clicking on it would expand the group row.
    • The collapse/expand all icons have also been updated to reflect the new group row icons better.
    • Group rows now can be expanded/collapsed using Alt + Arrow Up/Down to reflect the new icons.
  • filterMode input added, which determines the filtering ui of the grid. The default value is quickFilter. Other possible value is excelStyle, which mimics the filtering in Excel with added functionality for column moving, sorting, hiding and pinning.
  • IgxColumnComponent now has disablePinning property, which determines wether the column can be pinned from
    the toolbar and whether the column pin will be available in the excel style filter menu. The disableHiding input will be used to show/hide the column hiding functionality in the menu.

• igxTreeGrid

  • The collapse/expand icons have new orientantion to display the action that will be performed when clicked. When an icon points up clicking on it would result in collapsing the related tree grid level and when it points down clicking on it would expand the tree grid level.
  • Expanding/collapsing tree levels can now be performed also by using Alt + Arrow Up/Down to reflect the new icons.

• igxCombo

  • Breaking Change combo.value is now only a getter.
  • Feature added support for templating the default input group of the component. The igx-combo now allows for igx-prefix, igx-suffix,igx-hint and [igxLabel] components to be passed as ng-content and they will be renderer accordingly on the combo's input. Example:

      <!-- customize combo input --->
      <igx-combo #myCombo [data]="myGenres">
          ...
          <label igxLabel>Genres</label>
          <igx-prefix><igx-icon>music_note</igx-icon></igx-prefix>
      </igx-combo>

  • Feature the default combo 'clear' and 'toggle' icons can now be templated. Two new directives are added (with selector [igxComboClearIcon] and [igxComboToggleIcon]). Passing an ng-template with one of the directives will overwrite the default conent of the respective icon. Functionality will remain unaffected. Expample:

      <!-- customize combo input --->
      <igx-combo #myCombo [data]="myGenres">
          ...
          <ng-template igxComboToggleIcon let-collapsed>
              <igx-icon>{{ collapsed ? 'remove_circle' : 'remove_circle_outline'}}</igx-icon>
          </ng-template>
      </igx-combo>

• igxDropDown

  • IgxDropDownItemBase and it's descendants (of which IgxDropDownItem) have had their isSelected and isFocused properties deprecated. Instead, use selected and focused properties.
  • Added an @Input for the index property (such as the one coming from ngFor) of the IgxDropDownItem component. This deprecates the automatic index calculation.

      <igx-drop-down>
          <igx-drop-down-item *ngFor="let item of items; let i = index" [index]="i">
              {{ item.field }}
          </igx-drop-down-item>
      </igx-drop-down>

  • Feature IgxDropDownGroupComponent has been added. It allows for easier grouping of multi-level data, without the need of flattening it. The igx-drop-down-item-group tag accepts igx-drop-down-items and displays them in the appropriate grouped fashion.

        <igx-drop-down>
            <igx-drop-down-item-group *ngFor="let country of contries" [label]="country.name">
                <igx-drop-down-item *ngFor="let city of country.cities" [value]='city.refNo'>
                    {{ city.name }}
                </igx-drop-down-item>
            </igx-drop-down-item-group>
        </igx-drop-down>

• Theme Elevations & Shadows - Components with shadows, set by an elevation level or otherwise, are now fully configurable by the user via schema and/or theme properties. User can also provide a custom elevations set to component themes that support them.

  • Breaking Change - The $search-shadow-color and $search-disabled-shadow-color properties on the igx-input-group-theme have been replaced with $search-resting-shadow and $search-disabled-shadow respectively. Use ng update to migrate automatically.

• IgxTreeGridComponent

  • We can now search in the treegrid's data by using the findNext and the findPrev methods and we can clear the search results with the clearSearch method.

• IgxTextHighlightDirective

  • IgxTextHighlightDirective.page input property is deprecated. rowIndex, columnIndex and page properties of the IActiveHighlightInfo interface are also deprecated. Instead, row and column optional properties are added.

• igxDragDrop

  • dragGhostHost input property added. Sets the element to which the dragged element will be appended. If not provided, the dragged element is appended to the body.

• Column Hiding UI

  • Behavioral Change - The UI now hides the columns whose disableHiding property is set to true instead of simply disabling them.

• igxButton - New Button Style - Include outlined button style to support the latest material spec.

• igxOverlay:

  • igxOverlay.attach() method added. Use this method to obtain an unique Id of the created overlay where the provided component will be shown. Then call igxOverlay.show(id, settings?) method to show the component in overlay. The new attach method has two overloads:
    • attach(element: ElementRef, settings?: OverlaySettings): string - This overload will create overlay where provided element will be shown.
    • attach(component: Type<any>, settings?: OverlaySettings, moduleRef?: NgModuleRef<any>): string - Creates a ComponentRef from the provided component class to show in an overlay. If moduleRef is provided the service will use the module's ComponentFactoryResolver and Injector when creating the ComponentRef instead of the root ones.
  • igxOverlay.show(component, settings) is deprecated. Use igxOverlay.attach() method to obtain an Id, and then call igxOverlay.show(id, settings) method to show a component in the overlay.
  • IPositionStrategy exposes new method clone that clones the strategy instance with its settings.

• igx-date-picker

  • Feature Added dropdown mode to enable the input field value editing and spinning of the date parts as well as displaying a drop down calendar to select a date. Example:

    <igx-date-picker #editableDatePicker1 mode="dropdown" [value]="date" format="dd.MM.y...