Infragistics Ultimate 2020.1 with Samples & Help

Modern Web Development

Infragistics continues to innovate on the platforms that matter most to web developers today:

- Angular
- React
- Web Components

With the 20.1 release, we continue to push the limits of what is possible on the web, with blazing fast controls that deliver unprecedented developer productivity at every turn.

Angular

This is one of our biggest Angular releases. We have the broadest, deepest native Angular product on the market today, with high-end data grids, data charts, Excel library & Spreadsheet components, and new to this release a first-of-its-kind DockManager control. The DockManager delivers a complete desktop windowing experience, giving you to the ability to move, dock, undock, pin, expand collapse, and more with the UI of your application. Here is one of the new samples showing off the DockManager in conjunction with our Angular Data Analysis directive.


Here is a list of all the goodness that you can expect when you start using this latest Angular release:

- Theming Widget for Custom CSS
- Bootstrap Support
- Data Grid Data Analysis Directive
- Data Grid Master-Detail UI in the Grid
- Data Grid Collapsible Column Groups
- Data Grid Full-Column Selection
- Data Grid Keyboard Navigation Enhancements
- Data Grid Column Pinning to Right
- Data Grid Row Pinning
- Data Grid State Persistence
- Data Grid Drag Ghost Directive
- Data Grid Action Strip Directive
- Data Grid Data Analysis Directive
- Splitter Controls
- Range Date Picker
- Slider with TickMarks
- Updates to the Carousel Control
- Excel Style Filters / Advanced Filtering Container Instance
- Header / Footer Elements in the Select Component
- Custom Summaries with All Grid Data

React

This is the 4th release of the React product, and this is the biggest update to the product yet in terms of brand-new Data Grid features - but like Angular - we are shipping the innovative new DockManager in React too! So not only are you getting a ton of new features in Data Grid, but you will get the benefit of the new DockManager control as well.

Here is a list of the new features in this release of the React product:

- Updated Default Theme (Denali Light)
- Redesigned Grid UX
- DockManager
- Column Summaries
- Column Pinning (Right / Left)
- Column Chooser
- Column Filtering
- Column Grouping
- Column Hiding
- Column Options Dialog
- Grid Filtering UI
- Grid Toolbar

To pull this together, we are shipping a Column Options dialog in the React data grid, giving you an interactive UX when working with grid features.


Web Components

This is the second release of the Web Components product - but that does not mean this is a new codebase. Ignite UI for Web Components product is the core codebase of the Ignite UI for React product. As Web Components are a web standard, we went with the approach of building a standards-based implementation of components first, then making them work as a React developer would expect a React component to work. We released Ignite UI for React first, about a year before we released Web Components, mostly due to the popularity of React.

While Web Components are not super popular yet, we all know that web libraries and frameworks come and go, but standards do not. Our investment in Web Components is to give you the option to future-proof your applications with a vanilla JS approach to building apps.

Here is an example of the Web Components Data Grid.


As the core codebase for React and Web Components are the same, you should always expect that the controls, features, API are the same across both products.

Here is what’s new in Web Components for 20.1:

- Updated Default Theme (Denali Light)
- Redesigned Grid UX
- DockManager
- Column Summaries
- Column Pinning (Right / Left)
- Column Chooser
- Column Filtering
- Column Grouping
- Column Hiding
- Column Options Dialog
- Grid Filtering UI
Grid Toolbar

This means the same Column Options dialog in React to manage the interactions in data grid is available in Web Components, giving you a great interactive UX when working with grid features.

ASP.NET Core

With Microsoft continuing to innovate and push updated versions of ASP.NET Core and ASP.NET Core MVC, we are keeping up to date with the more recent updates in these frameworks. Based on our jQuery product, the .NET Core versions are native API's for those JavaScript libraries.

This means you get a product with over 100 controls & components, which remain current with the latest development frameworks from Microsoft.

Besides controls like Data Grid, Pivot Grid, Financial Chart and Layout Managers, you also get killer controls like this Microsoft Excel Spreadsheet in .Net Core / .Net Core MVC.


What About Blazor?

This release does not include our latest Blazor bits, but you don't have to wait much longer to get your hands on the final release bits. Like React, the core codebase of Ignite UI for Blazor is based on our Web Components code. With Blazor, we deliver a native C# API over the TypeScript from Web Components which gives you the most optimal configuration for both server-side and client-side Blazor apps.

Here is the Preview samples browser running our client-side Blazor Financial Chart.


In July, we will ship an update to React and Web Components, and we will bring our Blazor controls out of preview and officially release them. The exciting thing - this is a battle-tested codebase, as we have been shipping it for more the two years in two different products. So, while July brings a version 1 of Ignite UI for Blazor, it's a version 4 of 5 of the codebase. Once we ship in July, the React, Web Components and Blazor products will be synced, so they will sim-ship for every release following July.

.Net Core 3.1

When Microsoft shipped .Net Core 3.0 last year, we shipped support for this next-generation version of the .Net framework. With Ultimate 20.1, we are shipping support for the latest 3.1 release of .Net Core. Currently, we do not have support for the preview of the Windows Forms designer. We are actively working on what it is going to take to enable our WPF and Windows Forms controls with the new design-time experience in the next version of Visual Studio with .Net Core and the future .Net Framework 5.0. Stay tuned to this blog and our newsletters as we roll out support for the new designer experience.

Mobile Development with Xamarin

Xamarin.Forms is still the go-to framework for building cross-platform native mobile applications in with .Net and Visual Studio. With Ultimate 20.1, we are continuing to push Xamarin development forward with the most full-featured Grid and Charts for Xamarin.


Updated for 20.1:

- Support for latest Xamarin version
- Grid Features
. Column Summaries
. Column Pinning
- Chart Features
. Category Chart
. Callout Layer
. Crosshairs Layer
. Final value Layer
. Highlight Layer
. Tooltip Layer
. DataChart
. AxisAnnotation
. Callout Layer
. Final Value Layer

Design to Code with Indigo.Design

Indigo.Design is still the only solution on the market that streamlines app creation from Design to Code. In 20.1, we are shipping a completely redesigned UX for the workbench, the prototyping experience, usability studies (recording, playback, analytics) and code generation.

Modern Workbench UX

We have updated the prototyping tool to edit prototypes published from Sketch app and inspect visual specifications. The visual inspector is the perfect tool for developers to get the specific details of what they need from design, like CSS, spacing, fonts, size constraints, etc.


While the Inspector works with files created in Sketch, if you don’t use the Sketch app, you can import your design s as images to create prototypes from scratch using the prototype editor.

Redesigned Usability Studies Analytics

The usability testing feature underwent a complete rethink to make it easier to both create tests and analyze results. You can create tests for any of the designs in your cloud workspace (either from Sketch or from any set of screen shots). When you create a new test, you will see a live test creation experience, where you can add new tasks and then interact with the live prototype to record an expected path. This information will be used when presenting you with the results a nd segmenting participants.


The above image is highlighting these areas of the Usability Study analytics:

- Task analytics overview
- Completion funnel
- User segments
- Participation data table

Angular Code Generation

The key feature of Indigo.Design so streamline the design to code process is around code-generation for Angular. In 20.1, we made sure we are compliant with the latest Angular capabilities, and the design system is updated. If you are looking for skyrocketing your productivity, use the Indigo.Design system, and use our Visual Studio Code plug-in to generate all the HTML, CSS and components in your app.

You can see this example of a Sketch design and a pixel-perfect code-generated output with the Indigo.Design:

Operating System for Deployment
- Windows 10
- Windows 8.1
- Windows 8
- Windows 7
- Windows Vista
- Windows XP
- Windows Server 2003
Architecture of Product
- 32Bit
- 64Bit
Component Type
- ASP.NET
- .NET WinForms
- .NET Class
- .NET Core
- .NET WPF
- JavaScript
- Angular
- AngularJS
- jQuery
- Knockout
- React
- Vue.js
Compatible Containers
- Microsoft Visual Studio 2019
- Microsoft Visual Studio 2017
- Microsoft Visual Studio 2015
- Microsoft Visual Studio 2013
- Microsoft Visual Studio 2012
- Microsoft Visual Studio 2010
- Microsoft Visual Studio 2008
- Microsoft Visual Studio 2005