Ignite UI for Angular 8.1.0 Release

Zdravko Kolev / Friday, July 19, 2019

Almost one month has passed since we’ve released our last major version and we are already producing a new one  We carefully evaluate our customer’s feature requests and work on the most wanted features not listed in the product Roadmap. And that’s not all, last month we’ve fixed over 60 bugs, added new components styling guides, a series of WPF to WEB migration topics and we’ve started to develop our Ignite UI Medium publication profile (if you are interested in “Software Performance”, check out our latest article on the subject).

Let’s see what we’ve prepared for you this release.

IgxGrid

Clipboard copy operations - This functionality provides a fast, easy and customizable way to copy Grid data into Excel or other external programs.

Group By behavioral change - paging now includes the group rows in the page size. When paging is applied the data is split based on flat records + group records view. If a group spans multiple pages, its group header is rendered only on the first one. Page count and page size include both item types. You may find more information about the change in the GroupBy Specification.

IgxGridFooter – Used to insert a custom footer in the grids.

IgxPaginator – Now can be used as a standalone component and has a new look and feel.

IgxColumnGroup - Re-templating the column group header is now possible using the headerTemplate @Input property or the igxHeader directive. Each column group can be templated separately. The column group expects ng-template tag decorated with the igxHeader directive. The ng-template is provided with the column group object as a context.

IgxBottomNav now supports an igx-tab declaration mode. Despite the fact that the primary usage of the component is to define panels with content, there may be cases in which you may need to define tab items only. You can use the new mode to apply directives on the tab item, e.g. to achieve routing navigation. You are also allowed to customize tab items with labels, icons, and even templates.

IgxTabs now supports an igx-tab-item declaration mode as well. When defining tab items you have the ability to apply directives on them. For example, you may use this functionality to achieve navigation between views using the Angular Router.

IgxCombo - Input [overlaySettings] allows an object of type OverlaySettings to be passed. These custom overlay settings control how the drop-down list displays.

IgxForOf now offers usage of local variables even, odd, first and last to help with the distinction of the currently iterated element.

IgxSlider has lot of visual enhancements and we’ve implemented adding of custom labels.

Data Visualization

With version 8.0.0 of igniteui-angular-charts and core we've released the following functionalities: 

IgxSparkline - The Ignite UI for Angular Sparkline component is a lightweight charting control. It is intended for rendering within a small scale layout such as within a grid cell, but can also be rendered alone. 

IgxZoomSlider - The ZoomSlider control provides zooming functionality to range-enabled controls. The ZoomSlider features a horizontal scroll bar, a thumbnail of the whole range, and a resizable zoom-range window. The ZoomSlder cannot work as a standalone control and it acts as an enhancement for range-based controls like the igxDataChart. 

IgxMap - new Heat map imagery added to the map. You can now show heat-map imagery using the ShapeFileRecords that are generated by a ShapeDataSource by loading geo-spatial data and loading shape files to a tile series.

IgxSpreadsheet - with the new chart adapter added you can now display charts in your spreadsheet component.   


Enough with the new components and features. What about documentation and understanding how to use everything new? We strive to deliver simple and effortless experience, and we believe that begins with listening to our customers and providing a meaningful content. This is why this release the time spent on writing documentation is more than the actual feature development. Here is why:

Styling sections in topics – we thought about “how can we give visual guidance on what the styling looks like for a control or particular feature“ and “how can we get more code snippets and API docs references”. We aim to give a real way to know what styles are related to a feature and how to implement them.

WPF to Web guidance - This guide aims to help the Desktop developers to convert their skills into Web application skills. If you are a WPF developer, this guide will help you to learn Angular by comparing the differences and similarities between the two platforms. It covers topics like application structure, components, data binding and much more.

New igxTransaction topics  We are already using igxTransaction in our grid components (see grid, tree grid and hierarchical editing batch editing topics). But if you want to understand how to use igxTransaction on your own, you can follow our guidance.

More topic for CLI - We have added some more guidance for our Ignite UI CLI tool and especially how to generate our Ignite UI Angular components using it.

If I can summarize our strive for effortless experience I would quote WP Carey School of Business - “The best companies deliver straightforward, reliable experiences that meet real needs. People want to interact with companies where doing business is personalized, easy and hassle-free.”


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