7.1.7

Bug fixes

• refactor(card): apply the content color to any text element #3878
• style(linear-bar): Fix text alignment #3862

7.2.0-beta.3

New Features

• 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 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>

Components roundness

• Ignite UI for Angular now allows you to change the shape of components by changing their border-radius.

• Here is the list of all components that have roundness functionality:

• igx-badge
• igx-buttongroup
• igx-calendar
• igx-card
• igx-carousel
• igx-chip
• igx-dialog
• igx-drop-down
• igx-expansion-panel
• igx-input-group
• igx-list
  • igx-list-item
• igx-navdrawer
• igx-snackbar
• igx-toast
• igxTooltip

• Breaking Change

• The $button-roundness property on the igx-button-theme have been replaced for each button type with: $flat-border-radius,$raised-border-radius,$outline-border-radius,$fab-border-radius, $icon-border-radius.

• The$roundness property on the igx-chip-theme have been replaced with $border-radius.

• The$roundness property on the iigx-tooltip-theme have been replaced with $border-radius.

• Enhancement - Expansion Panel keyboard navigation w/ ArrowUp / ArrowDown #3883

• Expose foreign key for hierarchical grid #3868

• igxDropDown event arguments should include browser event #3789

Bug Fixes

• When going into edit mode, the row editing overlay is not correctly positioned #3917
• Overlay is not properly positioned when outlet is in a transformed view #3876
• Calling open() on an already opened IgxDropDown replays the opening animation #3810
• Uncommitted new rows are expandable #3879
• When collapse a group row and scroll there is empty space on the grid #3877
• IgxHierarchicalGrid scrolls to bottom when expanding a row after expanding previous one. #3881
• Can't construct a query for the property childColumns of IgxHierarchicalGridComponent #3880
• Custom toolbar template cannot be applied per hierarchical level #3870
• When there are 2 row islands on the same level, the data for the second one is not mapped correctly #3872
• Upgrade to 7.1.3 and 7.1.4 broke [texTop] [textAlign] on Bar Linear Progress #3862

7.1.6

Bug Fixing

• Calling open() on an already opened IgxDropDown replays the opening animation #3810

6.2.9

Features

• igxGrid
  • 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.
• 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.

Bug Fixing

• Add additional ways of expanding/collapsing in Tree Grid/Group By to reflect new icons #3841

7.2.0-beta.2

• 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

• 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.

• 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.

• 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.

7.1.5

Features

• igxGrid
  • 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.
• 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.
• Remove CSS Normalization - Some users were complaining we reset too many browser styles - lists and heading styles in particular. We no longer do CSS normalization on an application level. Users who depended on our CSS browser normalization will have to handle that on their own going forward.
• igxOverlayService - the height of the shown element/component is not cached anymore. The height will be calculated each time position method of position strategy is called.

Bug Fixes

• [IE11] igx-grid - Enable/Disable of filtering textbox is not changed as expected. #3725
• Tree Grid collapse icon is updated to material standards #3780
• Change collapse/expand all icon on GroupBy #3298
• RefreshSearch when a column is hidden #3793
• When hiding a column search is not updated #3691

7.1.5-beta.1

Bug Fixes

• [IE11] igx-grid - Enable/Disable of filtering textbox is not changed as expected. #3725
• Tree Grid collapse icon need to be adjusted #3780
• Sassdoc dropdown optimizaiton and versioning reverse #3823
• RefreshSearch when a column is hidden #3793
• When hide a column search is not updated #3691
• Change collapse/expand all icon on GroupBy #3298

7.0.6-beta.4

Bug Fixes

• Sassdoc dropdown optimizaiton and versioning reverse #3823

6.2.8

Bug Fixes

• Tree Grid collapse icon is updated to material standards #3780
• Change collapse/expand all icon on GroupBy #3298

6.2.8-beta.1

Bug Fixes

• Tree Grid collapse icon need to be adjusted #3780
• Sassdoc dropdown optimizaiton and versioning reverse #3823
• Change collapse/expand all icon on GroupBy #3298