Ignite UI for Angular 8.2.0 Release

Radoslav Mirchev / Wednesday, September 25, 2019

 Two months ago we’ve released our 8.1.0 version and now we are ready with the next one – 8.2.0. We are continuing the trend to introduce to you the coolest Angular components.This version includes new features as Grid Advanced Filtering, Enhanced Grid Selection, Multi-view Calendar and new Theme that mimics the Microsoft “fluent” design system.  

 We’ve been also working on the Ignite UI CLI documentation, there are a lot of new topics that will help you gain better understanding on how to easily scaffold Angular applications and use pre-configured templates that helps you get your next app off the ground in no time using our Ignite UI CLI. Check out this:

 Last but not least we have the handy new series "Editing entities without breaking the network tab" published by Alex on Medium.

What we have for this release: 

  • New theme Ignite UI for Angular - Now have a new theme that mimics Microsoft "Fluent" design system. Depending on your use case you can use one of the following mixins: igx-fluent-theme and igx-fluent-dark-theme.

  • igxDrag and igxDrop enhancements - Now it is possible to drag the base element igxDrag is instanced on by setting the new input ghost to false. Drag animation improvements. Drop strategies. Three new drop strategies have been provided - Append, Prepend and Insert. Also an input dropStrategy to the igxDrop which specify which strategy should be used when dropping an element inside the drop area. Custom one can be specified as well.  

  

  • Multi-view Calendar - by using the monthsViewNumber input you can now manage the displayed months in the calendar, it also supports all three types of selection, keyboard navigation and there is a way to hide the days which are not part of the month by using the hideOutsideDays input.

  • Enhanced Selection functionality of the Grids - Introduced new properties cellSelection and rowSelection which accept GridSelection mode enumeration. Grid selection mode could be none, single or multiple. Also hideRowSelectors property is added, which allows you to show and hide row selectors when row selection is enabled. 
  • Custom template for row selectors - Introduced functionality for templating row and header selectors 
  • IgxCombo - Combo selection is now consistent when valueKey is defined. When valueKey is specified, selection is based on the value keys of the items 
  • igxExcelStyleLoading - Directive is added, which can be used to provide a custom loading template for the Excel Style Filtering. If this property is not provided, a default loading template will be used instead. 
  • FilterStrategy - Input that allows you to override the default filtering strategy 
  • uniqueColumnValuesStrategy - Input is added. This property provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering (instead of using the unique values from the data that is bound to the grid). 
  • IgxHierarchicalGrid Row Islands - now emit child grid events with an additional argument - owner, which holds reference to the related child grid component instance 
  • IgxCheckbox - introduced a new read only property that doesn't allow user interaction to change the state, but keeps the default active style. Intended for integration in complex controls that handle the interaction and control the checkbox instead through binding. 
  • IgxOverlay - introduced a new ContainerPositionStrategy. The new strategy positions the element inside the containing outlet based on the directions passed in trough PositionSettings. 

All other changes here.

 


Angular Connect London 2019

 The year so far is filled with opportunities and positive experiences, such as the Angular Connect conference that we attended. It was a great conference — it brought together a big group of software developers and industry leaders all sharing a common interest — the present state and the future of Angular web development. As a premium sponsor at the event, Infragistics had the opportunity to connect with not only the delegates of the event but with the wider Angular community. Also having one-on-one chats about what they are working on and how we at Infragistics can help them overcome complex problems with our Ignite UI for Angular product

More about the Angular Connect Conference you can find by reading our Medium post here.


Going Down The Road

One milestone is down and we are after the next one. We have decided to offer you a sneak peek on what is "cooking" in IgniteUI for Angular Sprints through the GitHub Projects. Now you can follow the progress of your issues and be part of the process as you comment, report or request features on GitHub. Do not miss the opportunity to strike while the iron is hot!


Follow us on Medium and stay up to date with the latest Angular related perks that we work on, give us a star on GitHub and help us to continue improving our product by addressing any concerns, questions or feature requests in the issues section. We will give our best to constantly improve our product experience to suits all your needs and build apps with ease