Blazor vs Angular Comparison in 2021
Remote User Testing - The Modern Approach to Usability Studies
Ignite UI for jQuery Release Notes - November 2020: 19.2, 20.1 Service Release
With every release comes a set of release notes that reflects the state of resolved bugs and new additions from the previous release. You’ll find the notes useful to help determine the resolution of existing issues from a past release and as a means of determining where to test your applications when upgrading from one version to the next.
Release notes are available in both PDF and Excel formats. The PDF summarizes the changes to this release along with a listing of each item. The Excel sheet includes each change item and makes it easy for you to sort, filter and otherwise manipulate the data to your liking.
Download the Release Notes
Ignite UI 2019 Volume 2
- PDF (Ignite UI 2019 Volume 2, Build 19.2.20192.60)
- Excel (Ignite UI 2019 Volume 2, Build 19.2.20192.60)
Ignite UI 2020 Volume 1
- PDF (Ignite UI 2020 Volume 1, Build 20.1.20201.35)
- Excel (Ignite UI 2020 Volume 1, Build 20.1.2020.35)
Ignite UI for Angular 11.1.0 Release
It is time for our first major release of Ignite UI for Angular in 2021 - Ignite UI for Angular 11.1.0! In the past two months we have focused our efforts in addressing feature requests and enhancements logged in our GitHub repository by you. Being the best Angular UI toolkit, takes continuous improvement efforts, which is our top priority. Let’s see what we’ve prepared for you with this release.
Angular Grids: Grid, Tree Grid and Hierarchical Grid
Cascade selection in Angular tree grid
We have added cascading selection mode in the tree grid that allows you to select all the children recursively by selecting their parent. To enable cascading row selection in the igx-tree-grid just set the rowSelection property to "multipleCascade". This will display a row selector field on each row and in the Tree Grid header. You can find more in Ignite UI for Angular Documentation.
Currency type column
Ignite UI for Angular Grid provides a default handling for columns of type number, string, date, boolean, currency and percent. Column types are an easy way for you to adjust the igx-grid column appearance and behavior based on the type of data that the column is populated with. The default currency column template will show a numeric value with currency symbol that would be either prefixed or suffixed depending on locale. Both currency symbol location and number value formatting is based on the provided application LOCALE_ID.
Percent type column
Similar to the currency type column, the percent type column's default template tells the grid to the display percentages based on the underlying data numeric values. By default the percent type column uses the Angular percent pipe to format the data values. This means that by default the displayed cell value is a multiplied result by display factor of '100' - for example, as the default factor is 100 and the "value" passed to the cell is 0.123, then the displayed cell value will be "12.3%".
When it comes to cell editing, the value will be the same as the data source value - the display factor is '1'. Upon editing of the cell a preview of the percent value will be shown as a suffix element. For example, while editing '0.0547' the preview element will show '5.47%'.
Formatted Values Filtering Strategy for Angular Grid Excel Style Filter
By default, the Grid component filters the data based on the underlying data values and not based on the displayed formatter cell values, and that could confusing for the end user when there's formatted values in the grid. Now you can configure the Angular data grid filtering to apply filters on the data based on the formatted values using the FormattedValuesFilteringStrategy.
Unified exit editing grid capabilities table
Previously, there were inconsistencies between interactions which end the grids edit mode before values have been committed. Some interactions were committing the intermediate values, while others were discarding them. Now, all interactions, except resizing a column, end the editing and discard the intermediate values. Should the intermediate values be committed, all you need to do as a developer is to handle the edit"-ing" event (adding, deleting, editing, etc.) and commit the intermediate values via API call.
Angular Components
Carousel Accessibility
We have introduced improvements to the carousel aria roles in order to improve compliance with WAI-ARIA guidelines.
Design & Theming
File Type Input
Ignite UI for Angular now provides styling for the input of type="file" and it supports all the input group types and themes.
Change theme in runtime
theme
input property that allows you to set the theme of the input group declaratively at run-time.Here it is the complete Ignite UI for Angular Change Log for 11.1.0
New Features
IgxDropDown
- The
igx-drop-down-item
now allows forigxPrefix
,igxSuffix
andigx-divider
directives to be passed asng-content
and they will be renderer accordingly in the item's content.
- The
IgxGrid
- Added support for exporting grouped data.
IgxTreeGrid
Added
multipleCascade
row selection mode. In this mode, selecting a record results in the selection of all its children recursively. When only some children are selected, their parent's checkbox is in an indeterminate state.<igx-tree-grid[rowSelection]="'multipleCascade'"></igx-tree-grid>
IgxGrid
,IgxTreeGrid
,IgxHierarchicalGrid
- Support for
currency
type columns is added in the grid. - Support for
percent
type columns is added in the grid. - Added support for filtering based on the formatted cell values using the
FormattedValuesFilteringStrategy
forIgxGrid
/IgxHierarchicalGrid
andTreeGridFormattedValuesFilteringStrategy
forIgxTreeGrid
.
- Support for
IgxPaginator
paging
andpagingDone
events are now emitted.
IgxInput
now supportstype="file"
and its styling upon all themes. Note: validation of file type input is not yet supported.igxSplitter
now has the following additional outputs:resizeStart
- Emits when pane resizing starts.resizing
- Emits while panes are being resized.resizeEnd
- Emits when pane resizing ends.
All emit with the two panes affected by the resize operation as arguments.
General
- Breaking Change - Many outputs are renamed with the introduction of new rules in Ignite UI for Angular's naming convention. Please, ensure that when you update to 11.1 you do so through
or execute the update migrations manually afterwardsng update igniteui-angular
This will ensure your application is updated to use the new output names.ng update igniteui-angular --migrate-only
IgxCheckbox, IgxRadio, IgxSwitch
now follow the Google Material spec for focus behavior. See checkbox, radio, and switch.IgxDialog
- The dialog content has been moved inside the dialog window container in the template. This means that if you have added something in-between the opening and closing tags of the dialog, you may have to adjust its styling a bit since that content is now rendered inside a container that has padding on it.
IgxCalendar
- Breaking Change
- A new string enumeration
IgxCalendarView
is exported. Either the new one or the currentCalendarView
can be used.CalendarView
will be deprecated in a future release. onSelection
is nowselected
onViewChanging
is nowviewChanging
onDateSelection
is nowdateSelection
onYearSelection
is nowyearSelection
onMonthSelection
is nowmonthSelection
IgxYearsViewComponent
- Breaking Change
onSelection
is nowselected
onYearSelection
is nowyearSelection
IgxDaysViewComponent
- Breaking Change
onDateSelection
is nowdateSelection
onViewChanging
is nowviewChanging
IgxMonthsViewComponent
- Breaking Change
onSelection
is nowselected
onMonthSelection
is nowmonthSelection
IgxMonthPickerComponent
- Breaking Change
onSelection
is nowselected
IgxRadioGroup
- Added new property
alignment
that determines the radio group alignment. Available options arehorizontal
(default) andvertical
.
- Added new property
IgxDialog
- Added new
onOpened
andonClosed
events.
- Added new
IgxIcon
- Deprecated - The
color
input property has been deprecated. - Renamed inputs
isActive
toactive
fontSet
tofamily
- Deprecated - The
IgxToast
- Breaking Change -
show
andhide
methods have been deprecated.open
andclose
should be used instead.onShowing
,onShown
,onHiding
andonHiden
events have been deprecated.onOpening
,onOpened
,onClosing
andonClosed
should be used instead.
- Breaking Change -
IgxInputGroup
- Added new property
theme
that allows you to set the theme explicitly and at runtime.
- Added new property
IgxSnackbar
show
andhide
methods have been deprecated.open
andclose
should be used instead.
IgxSplitter
- Breaking Change - the
onToggle
output is deprecated. A new output is introduced to replace it -collapsedChange
. This allows for thecollapsed
state to be two-way bindable using the syntax[(collapsed)]="paneCollapse"
- Breaking Change - the
IgxChip
- Breaking Change - The following outputs are renamed:
onMoveStart
tomoveStart
onMoveEnd
tomoveEnd
onRemove
toremove
onClick
tochipClick
onSelection
toselectedChanging
onSelectionDone
toselectedChanged
onKeyDown
tokeyDown
onDragEnter
todragEnter
- Breaking Change - The following outputs are renamed:
IgxChipArea
- Breaking Change - The following outputs are renamed:
onReorder
toreorder
onSelection
toselectionChange
onMoveStart
tomoveStart
onMoveEnd
tomoveEnd
- Breaking Change - The following outputs are renamed:
IgxGrid
,IgxHierarchicalGrid
,IgxTreeGrid
- Added new property
selectRowOnClick
that determines whether clicking over a row will change its selection state or not. Set totrue
by default. GridPagingMode
enum members rename -local
toLocal
andremote
toRemote
. Example:GridPagingMode.Local
.- The following new events are introduced:
sorting
,filtering
,columnPinned
,columnVisibilityChanging
. - Behavioral Change -
onColumnPinning
to emitIPinColumnCancellableEventArgs
instead ofIPinColumnEventArgs
.
- Breaking Change:
onPagingDone
output is removed. Use thepaging
andpagingDone
outputs exposed by theIgxPaginator
.page
,perPage
,paginate
,nextPage
,previousPage
andtotalPages
in the grids are deprecated and will be removed. Use the correspondingIgxPaginator
outputs/inputs. When using an external paginator, take care to provide the corresponding slice of data. SeePaging with Custom Template
- Added new property
- IgxButton
- IgxIcon(s) placed in a button now include margin if there are one or more sibling elements to give them some breathing room. The amount of margin applied depends on the display density of the button.
IgxListComponent
- Breaking Change - The following outputs are renamed:
onLeftPan
toleftPan
onRightPan
torightPan
onPanStateChange
topanStateChange
onItemClicked
toitemClicked
- Breaking Change - The following outputs are renamed:
IgxNavbarComponent
- Breaking Change - The
onAction
output is renamed toaction
.
- Breaking Change - The
IgxTabsComponent
- Breaking Change - The following outputs are renamed:
onTabItemSelected
totabItemSelected
onTabItemDeselected
totabItemDeselected
- Breaking Change - The following outputs are renamed:
IgxTooltipTargetDirective
- Breaking Change - The following outputs are renamed:
onTooltipShow
totooltipShow
onTooltipHide
totooltipHide
- Breaking Change - The following outputs are renamed:
IgxBaseExporter
,IgxExcelExporterService
,IgxCsvExporterService
- Breaking Change - The following outputs are renamed:
onColumnExport
tocolumnExporting
onRowExport
torowExporting
onExportEnded
toexportEnded
- Breaking Change - The following outputs are renamed:
In 2021, \we look forward to more exciting new releases! We want to take this opportunity to thank all of you, our customers, and partners, for your feedback and ideas which help us to make Ignite UI for Angular the best Angular toolkit on the market!
Follow us on Medium and stay up-to-date with the latest Angular-related projects that we are working on. Give us a star on GitHub and help us to continue to improve our product by addressing any concerns, questions or feature requests in the issues section. We will continue to do our best to constantly improve our product experience to meet all your needs and build apps with ease.
Blazor Server vs. Blazor WebAssembly: Just the Facts
How to Turn Your Sketch Designs into Code
Infragistics WPF Release Notes - March 2021: 20.1, 20.2 Service Release
Release notes reflect the state of resolved bugs and new additions from the previous release. You will find these notes useful to help determine the resolution of existing issues from a past release and as a means of determining where to test your applications when upgrading from one version to the next.
Release notes are available in both PDF and Excel formats. The PDF summarizes the changes to this release along with a listing of each item. The Excel sheet includes each change item and makes it easy for you to sort, filter and otherwise manipulate the data to your liking.
In order to download release notes, use the following links:
WPF 2020 Volume 1 Service Release (Build 20.1.20201.153)
• PDF - Infragistics for WPF 2020 Volume 1
• Excel - Infragistics for WPF 2020 Volume 1
WPF 2020 Volume 2 Service Release (Build 20.2.20202.38)
• PDF - Infragistics for WPF 2020 Volume 2
• Excel - Infragistics for WPF 2020 Volume 2
Infragistics Windows Forms Release Notes - March 2021: 20.1, 20.2 Service Release
Release notes reflect the state of resolved bugs and new additions from the previous release. You will find these notes useful to help determine the resolution of existing issues from a past release and as a means of determining where to test your applications when upgrading from one version to the next.
Release notes are available in both PDF and Excel formats. The PDF summarizes the changes to this release along with a listing of each item. The Excel sheet includes each change item and makes it easy for you to sort, filter and otherwise manipulate the data to your liking.
In order to download release notes, use the following links:
Windows Forms 2020 Volume 1 Service Release (Build 20.1.20201.150)
• PDF - Infragistics for Windows Forms 2020 Volume 1
• Excel - Infragistics for Windows Forms 2020 Volume 1
Windows Forms 2020 Volume 2 Service Release (Build 20.2.20202.30)
• PDF - Infragistics for Windows Forms 2020 Volume 2
• Excel - Infragistics for Windows Forms 2020 Volume 2
Ignite UI for jQuery Release Notes - March 2021: 20.1, 20.2 Service Release
With every release comes a set of release notes that reflects the state of resolved bugs and new additions from the previous release. You’ll find the notes useful to help determine the resolution of existing issues from a past release and as a means of determining where to test your applications when upgrading from one version to the next.
Release notes are available in both PDF and Excel formats. The PDF summarizes the changes to this release along with a listing of each item. The Excel sheet includes each change item and makes it easy for you to sort, filter and otherwise manipulate the data to your liking.
Download the Release Notes
Ignite UI 2020 Volume 1
- PDF (Ignite UI 2020 Volume 1, Build 20.1.20201.41)
- Excel (Ignite UI 2020 Volume 1, Build 20.1.2020.41)
Ignite UI 2020 Volume 2
- PDF (Ignite UI 2020 Volume 2, Build 20.2.20202.19)
- Excel (Ignite UI 2020 Volume 2, Build 20.2.20202.19)
Indigo.Design App Builder – New Features, Updates and Bug Fixes
4 Benefits of Embedded Analytics
Infragistics ASP.NET Release Notes - November 2020: 19.2, 20.1 Service Release
With every release comes a set of release notes that reflects the state of resolved bugs and new additions from the previous release. You’ll find the notes useful to help determine the resolution of existing issues from a past release and as a means of determining where to test your applications when upgrading from one version to the next.
Release notes are available in both PDF and Excel formats. The PDF summarizes the changes to this release along with a listing of each item. The Excel sheet includes each change item and makes it easy for you to sort, filter and otherwise manipulate the data to your liking.
Download the Release Notes
ASP.NET 2019 Volume 2
ASP.NET 2020 Volume 1
Ignite UI for jQuery Release Notes - November 2020: 19.2, 20.1 Service Release
With every release comes a set of release notes that reflects the state of resolved bugs and new additions from the previous release. You’ll find the notes useful to help determine the resolution of existing issues from a past release and as a means of determining where to test your applications when upgrading from one version to the next.
Release notes are available in both PDF and Excel formats. The PDF summarizes the changes to this release along with a listing of each item. The Excel sheet includes each change item and makes it easy for you to sort, filter and otherwise manipulate the data to your liking.
Download the Release Notes
Ignite UI 2019 Volume 2
- PDF (Ignite UI 2019 Volume 2, Build 19.2.20192.60)
- Excel (Ignite UI 2019 Volume 2, Build 19.2.20192.60)
Ignite UI 2020 Volume 1
- PDF (Ignite UI 2020 Volume 1, Build 20.1.20201.35)
- Excel (Ignite UI 2020 Volume 1, Build 20.1.2020.35)
Ignite UI for Angular 11.0.0 Release
Just in time for Angular 11, it’s Ignite UI 11.0.0!
We are all excited about the release of Angular 11 and the new features that it supports. At Infragistics, we strive to provide you with the best possible user experience and keep you up-to-date with the latest versions of frameworks, platforms, and technology. That is why we are excited to share that we have released Ignite UI for Angular 11.0.0 , with full support for Angular 11, so quickly after its release!
It has been less than a month since we released Ignite UI for Angular 10.2.0, but our team has been hard at work and once again we have new component features and enhancements ready for you! Angular 11 includes stricter types, router performance improvements and end of the support for some IE versions. So, we have taken advantage of the new performance improvements to ensure the best possible experience for you and your users.
Now, let’s look at everything that is included in Ignite UI for Angular 11.0.0:
Angular Grids: Grid, Tree Grid and Hierarchical Grid
Grid Toolbar refactoring
The toolbar is great at separating logic/interactions which affects the grid as a whole. Thus, it can be configured to provide default components for controlling, column hiding, column pinning, advanced filtering and exporting data from the grid. The way the toolbar is instantiated in the grid has changed. It is now a separate component projected in the grid tree and it can be templated and styled differently from it. Thus the `showToolbar` property is removed from all grids and all other properties related to the toolbar in the grid are deprecated. It is important to note that the API for the toolbar component was changed during the refactor and many of the old properties are now removed. Unfortunately, having an adequate migration for these changes is complicated to say the least, so any errors with template bindings should be handled at project level. You can find more in our Update Guide topic.
<igx-grid [data]="data" [autoGenerate]="true"><igx-grid-toolbar><igx-grid-toolbar-title>Grid Title</igx-grid-toolbar-title></igx-grid-toolbar></igx-grid>
New option for Grid Column Pinning and Column Hiding
Another feature request coming from github, asking for more options in the UX behavior of the column pining and column hiding.
Select all rows in a group
It is feature requested coming from our customer, logged in our github repository. Now when Row Selection is enabled, a Group By row selector is rendered in the left-most area of the group row. In case the **rowSelection** property is set to single, checkboxes are disabled and only serve as an indication for the group where selection is placed. If the rowSelection property is set to multiple, clicking over the Group By row selector selects all records belonging to this group.
Excel Style Filter templatable icon
Now the Excel Style Filter is fully customizable as you can also re-template the Excel style filtering icon in the column header using the igxExcelStyleHeaderIcon directive.
<igx-grid ...><ng-template igxExcelStyleHeaderIcon><igx-icon>filter_alt</igx-icon></ng-template></igx-grid>
Angular Components: Calendar, Badge and Overlay
Angular Calendar ARIA
Angular calendar is now in compliance with WAI-ARIA guidelines for screen readers.
A small badge option
Updated animation of auto position strategy of the Overlay
Here it is the complete Ignite UI for Angular Change Log for 11.0.0
General
IgxGrid
,IgxTreeGrid
,IgxHierarchicalGrid
Added a new directive for re-templating the Excel style filtering header icon -
IgxExcelStyleHeaderIconDirective
.Breaking Change - Changed the how the grid toolbar is instantiated in the grids. The toolbar is now templated rather than being activated through a property on the parent grid. The toolbar features are also exposed as templatable components and the old properties are deprecated.
Refer to the official documentation for more information.
FilteringStrategy
- Breaking Change -
filter
method exposed by theFilteringStrategy
class now requires 3rdadvancedExpressionsTree
and 4thgrid
parameters. If not needed, just passnull
.
- Breaking Change -
IgxCalendar
- Is now fully accessible to screen readers.
IgxOverlay
- New functionality to automatically determine the correct animation that is needed when showing an overlay content. This is used with Auto Position strategy, where the
IgxOverlay
content is flipped, depending on the available space.
- New functionality to automatically determine the correct animation that is needed when showing an overlay content. This is used with Auto Position strategy, where the
New Features
IgxCalendar
- Is now fully accessible to screen readers.
Improvements
IgxOverlay
- New functionality to automatically determine the correct animation that is needed when showing an overlay content. This is used with Auto Position strategy, where the `IgxOverlay` content is flipped, depending on the available space.
As we move toward the end of 2020, we are ending on a positive note with lucky number 11! We want to take this opportunity to thank all of you, our customers, and partners, who continue to share your feedback and ideas and help us to make Ignite UI for Angular the best Angular toolkit.
Follow us on Medium and stay up-to-date with the latest Angular-related projects that we are working on. Give us a star on GitHub and help us to continue to improve our product by addressing any concerns, questions or feature requests in the issues section. We will continue to do our best to constantly improve our product experience to meet all your needs and build apps with ease.
Accelerating Application Modernization
Ignite UI for Web Components – What’s New in 20.2
Today is the official release of the Infragistics Ignite UI for Web Components 20.2. Let's take a look at the new components and latest features that we have added in this latest release.
Web Components Date Picker
The Web Components Date Picker is our newest input component that allows your end-user to select a date from a calendar that is shown in a dropdown when the editor is clicked. This interactive calendar gives your end-users the ability to navigate the days, months, and years in an intuitive and easy to use component.
Web Components Grid
The Web Components data grid is by far the most popular component in the entire product. Easy to use, exploding with performance, and packed with features it’s no wonder why the Ignite UI for Web Components data grid is the go-to for all of our Web Components customers. While the v1 release of the Web Components data grid back in September was amazing, we spent the last three months making it even better by squeaking in just a few more helpful features to end out the year.
Accessibility (ARIA)
With the release of Ignite UI for Web Components 20.2, the Web Components data grid now has the best support for accessibility compared with other the Web Components grids available today.
Users who are visually impaired will typically require the assistance of a screen reader to interpret and interact with grid-based applications. In order to give screen readers the contextual information they require to interpret an interact with the Web Components grid, we have added the appropriate ARIA attributes to all grid DOM elements.
These ARIA attributes will ensure that screen readers can interpret and navigate the columns and rows of the Web Components grid.
Row Editing
In the initial v1 release of the Web Components grid back in September, we shipped with out of the box support for cell editing, and cell batch editing. In todays 20.2 release, we have added row editing. Row editing differs from cell editing in that once you begin to edit a cell, the entire row the cell belongs to is placed into edit mode. You can make changes to other cells in the same row without committing the data, and with the ability to have undo capabilities. The moment you exit edit mode by hitting enter, or clicking outside the row, the value changes made in all cells in the entire row will be made all at once. Cell values that have not been committed are visually represented by a light gray italic text styling.
Web Components Multi-Column Combo Box
Lastly, we have the new Multi-Column Combo Box. This component is unique in that it is a combo box that visualizes large amounts of data in a data grid embedded in the dropdown. It supports features such as filtering with auto-suggest, a material-based label, placeholder text, defining columns, controlling column header visibility, sorting, and more. In the initial release of the Infragistics Ignite UI for Web Components product back in September, this was provided as a “Preview” component. There were just a few features and behaviors we wanted to add before calling it done. Now, after a ton of hard of work and testing over the last several months we are confident calling this a solid v1 of the Web Components multi-column combo box.
Let’s Wrap this Baby Up!
If you have ideas about new features we should bring to our components, important issues we need to fix, or even brand new components you’d like us to introduce, please let us know by posting them on our Product Ideas website. Follow and engage with us on Twitter via @infragistics. You can also follow and contact me directly on Twitter at @brianlagunas. You can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live. Also make sure to connect with our various teams via our Community Forums where you can interact with Infragistics engineers and other customers.
Lastly, when you do build something cool with our controls, please make sure to let us know.
Ignite UI for Blazor – What’s New in 20.2
Just three short months ago, we released the very first version of our Ignite UI for Blazor product into the world. This initial release shipped with 15 brand new controls and over 60 different charts. That’s a huge release for a v1. You can read about all the goodies that shipped in the initial release here:
Today, I am excited to announce the newest release of Ignite UI for Blazor 20.2. Now I know what you’re thinking, “it’s only been 3 months and you already have another release of your Blazor product?”. Yes… yes we do! Although we only had three short months, I think you will agree that the features and new components we manage to add to the Blazor product is impressive.
Let’s stop the small talk and get into the details of today’s Ignite UI for Blazor 20.2 release.
Blazor Date Picker
The Blazor Date Picker is our newest input component that allows your end-user to select a date from a calendar that is shown in a dropdown when the editor is clicked. This interactive calendar gives your end-users the ability to navigate the days, months, and years in an intuitive and easy to use component.
Blazor Excel Library
The Blazor Excel Library is a library dedicated to working with Microsoft Excel Spreadsheets. The Blazor Excel Library allows you to work with spreadsheet data using familiar Microsoft Excel spreadsheet objects like Workbooks, Worksheets, Cells, Formulas and many more without taking a dependency on Excel. That’s right… no Excel dependency!!!
The Blazor Excel Library makes it easy for you read and modify Excel files, export your applications data into Excel spreadsheets, and parse data from Excel into your application. Not only that, but the Blazor Excel Library allows you to generate charts and sparklines based off your application data at runtime.
Blazor Excel Charts
The Blazor Excel Library chart functionality allows you to add chart representations of data trends across regions of cells in a worksheet. For example, if you want to see your Excel data in a region of cells visualized as a column, line, or over 70 other chart types, this feature can help you to achieve that.
Blazor Excel Sparklines
The Blazor Excel Library also has support for adding sparklines to an Excel Worksheet. These can be used to show simple visual representations of data trends across a region of cells of data in your worksheet. For example, if you wanted to see your Excel data across a particular cell region visualized as a simple column or line sparkline chart, this feature can help you to achieve that.
The following is a list of the supported predefined sparkline types.
- Line
- Column
- Stacked (Win/Loss)
Blazor Grid
The Blazor data grid is by far the most popular component in the entire product. Easy to use, exploding with performance, and packed with features it’s no wonder why the Ignite UI for Blazor data grid is the go-to for all of our Blazor customers. While the v1 release of the Blazor data grid back in September was amazing, we spent the last three months making it even better by squeaking in just a few more helpful features to end out the year.
Accessibility (ARIA)
With the release of Ignite UI for Blazor 20.2, the Blazor data grid now has the best support for accessibility compared with other the Blazor grids available today.
Users who are visually impaired will typically require the assistance of a screen reader to interpret and interact with grid-based applications. In order to give screen readers the contextual information they require to interpret an interact with the Blazor grid, we have added the appropriate ARIA attributes to all grid DOM elements.
These ARIA attributes will ensure that screen readers can interpret and navigate the columns and rows of the Blazor grid.
Row Editing
In the initial v1 release of the Blazor Grid back in September, we shipped with out of the box support for cell editing, and cell batch editing. In todays 20.2 release, we have added row editing. Row editing differs from cell editing in that once you begin to edit a cell, the entire row the cell belongs to is placed into edit mode. You can make changes to other cells in the same row without committing the data, and with the ability to have undo capabilities. The moment you exit edit mode by hitting enter, or clicking outside the row, the value changes made in all cells in the entire row will be made all at once. Cell values that have not been committed are visually represented by a light gray italic text styling.
Blazor Multi-Column Combo Box
Lastly, we have the new Multi-Column Combo Box. This component is unique in that it is a combo box that visualizes large amounts of data in a data grid embedded in the dropdown. It supports features such as filtering with auto-suggest, a material-based label, placeholder text, defining columns, controlling column header visibility, sorting, and more. In the initial release of the Infragistics Ignite UI for Blazor product back in September, this was provided as a “Preview” component. There were just a few features and behaviors we wanted to add before calling it done. Now, after a ton of hard of work and testing over the last several months we are confident calling this a solid v1 of the Blazor multi-column combo box.
Let’s Wrap this Baby Up!
If you have ideas about new features we should bring to our components, important issues we need to fix, or even brand new components you’d like us to introduce, please let us know by posting them on our Product Ideas website. Follow and engage with us on Twitter via @infragistics. You can also follow and contact me directly on Twitter at @brianlagunas. You can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live. Also make sure to connect with our various teams via our Community Forums where you can interact with Infragistics engineers and other customers.
Lastly, when you do build something cool with our controls, please make sure to let us know.
Ignite UI for React – What’s New in 20.2
Today is the official release of the Infragistics Ignite UI for React 20.2. Let's take a look at the new components and latest features that we have added in this latest release.
React Date Picker
The React Date Picker is our newest input component that allows your end-user to select a date from a calendar that is shown in a dropdown when the editor is clicked. This interactive calendar gives your end-users the ability to navigate the days, months, and years in an intuitive and easy to use component.
React Grid
The React data grid is by far the most popular component in the entire product. Easy to use, exploding with performance, and packed with features it’s no wonder why the Ignite UI for React data grid is the go-to for all of our React customers. While the v1 release of the React data grid back in September was amazing, we spent the last three months making it even better by squeaking in just a few more helpful features to end out the year.
Accessibility (ARIA)
With the release of Ignite UI for React 20.2, the React data grid now has the best support for accessibility compared with other the React grids available today.
Users who are visually impaired will typically require the assistance of a screen reader to interpret and interact with grid-based applications. In order to give screen readers the contextual information they require to interpret an interact with the React grid, we have added the appropriate ARIA attributes to all grid DOM elements.
These ARIA attributes will ensure that screen readers can interpret and navigate the columns and rows of the React grid.
Row Editing
In the initial v1 release of the React grid back in September, we shipped with out of the box support for cell editing, and cell batch editing. In todays 20.2 release, we have added row editing. Row editing differs from cell editing in that once you begin to edit a cell, the entire row the cell belongs to is placed into edit mode. You can make changes to other cells in the same row without committing the data, and with the ability to have undo capabilities. The moment you exit edit mode by hitting enter, or clicking outside the row, the value changes made in all cells in the entire row will be made all at once. Cell values that have not been committed are visually represented by a light gray italic text styling.
React Multi-Column Combo Box
Lastly, we have the new Multi-Column Combo Box. This component is unique in that it is a combo box that visualizes large amounts of data in a data grid embedded in the dropdown. It supports features such as filtering with auto-suggest, a material-based label, placeholder text, defining columns, controlling column header visibility, sorting, and more. In the initial release of the Infragistics Ignite UI for React product back in September, this was provided as a “Preview” component. There were just a few features and behaviors we wanted to add before calling it done. Now, after a ton of hard of work and testing over the last several months we are confident calling this a solid v1 of the React multi-column combo box.
Let’s Wrap this Baby Up!
If you have ideas about new features we should bring to our components, important issues we need to fix, or even brand new components you’d like us to introduce, please let us know by posting them on our Product Ideas website. Follow and engage with us on Twitter via @infragistics. You can also follow and contact me directly on Twitter at @brianlagunas. You can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live. Also make sure to connect with our various teams via our Community Forums where you can interact with Infragistics engineers and other customers.
Lastly, when you do build something cool with our controls, please make sure to let us know.
Introducing the Ultimate UI for Uno Platform Preview
It’s no secret that Uno Platform has been getting a ton of buzz recently, and rightfully so. Imagine being able to write your applications with .NET using XAML and C#, and then deploying it on Windows, iOS, Mac, Android, Linux, and running in the browser with WebAssembly. All from a single code base. It's every .NET developers dream.
Today, I am excited to announce the immediate availability of Infragistics Ultimate UI for Uno Platform Preview. Yes, that's right... you can now take advantage of our blazing fast, feature rich, easy to use components in your Uno Platform applications which are targeting multiple platforms and multiple devices.
Now, I’m not just giving paying customers early access to the Infragistics Ultimate UI for Uno Platform Preview controls. I’m giving everyone access to the Ultimate UI for Uno Platform Preview controls for FREE! That’s right, no purchases necessary. Anyone from the community can download these great controls and start using them NOW. All I ask is that you contact support for any issues or bugs you run into, submit any feature requests to the Infragistics Product Ideas website, and you send me your honest feedback directly. I want to know what you think of these controls and what you need in order to be successful building Uno Platform apps. So, what are you waiting for?
Download the FREE Infragistics Ultimate UI for Uno Platform Preview
What is Uno Platform?
Uno Platform is an open source project which enables your C# and XAML code to run anywhere - Windows, macOS, Linux, WebAssembly, iOS and Android. Because of its unique rendering engine, it allows you to control every pixel on every platform. This lets you to build cross platform applications for desktop, mobile, and web using Visual Studio, JetBrains Rider, or VS Code, along with C#, XAML, and the UWP APIs and tooling. You can also take advantage of powerful Visual Studio features such as XAML Hot Reload and C# Edit and Continue during the development process. It also provides support for Fluent and Material design right in-the-box. Uno also provides support for the popular Model-View-ViewModel (MVVM) design pattern on all platforms, with binding, styling, custom controls and data-templating features. If you’re a Prism developer, you can even use Prism in your Uno applications.
Ultimate UI for Uno Platform Components
Although this is just a preview, Ultimate UI for Uno Platform is packed with 9 new Uno Platform components. Now, let's take a moment to quickly cover all the great components you can start using in your Uno Platform applications.
Uno Data Grid
The Ultimate UI for Uno Platform Data Grid is a tabular grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the Uno Platform data grid include inline editing, filtering, sorting, templates, row selection, row grouping, row pinning and movable columns and more. When we designed the core grid component, we optimized for live, streaming data, with the ability to handle unlimited data set size in number of rows or columns. With a large portion of our customer base being financial services, these are the most important attributes – load time, scroll time, unlimited rows, unlimited columns – with buttery-smooth scrolling under heavy loads. At the same time, many of you are coming from feature-packed enterprise line-of-business apps. We are delivering the features you need as well.
Uno Bullet Graph
The bullet graph component provides you with the ability to create attractive data presentations, replacing meters and gauges that are used on dashboards with simple yet straightforward and clear bar charts. A bullet graph is one of the most effective and efficient ways to present progress towards goals, good/better/best ranges, or compare multiple measurements in as little horizontal or vertical space as possible.
Uno Category Chart
This touch-enabled charting control makes visualizing category data a breeze. Built on top of a high-performing and feature-rich data chart, the category chart filters the complexities of data visualization into a simplified API that anyone can use.
Uno Charts
The chart control has been the powerhouse of Infragistics for many years on other platforms. Now, you can take advantage of the power and massive feature set provided by the Data Chart in your Uno Platform applications. There are literally too many features to even fathom talking about all of them in this post. So, I will simply sum them up and you can go play with the Data Chart yourself. Make sure you set aside a year or so to really dive in. That’s just how many features we pack into this cross platform data chart. The Uno Data Chart comes with over 50 chart types including bar, column, line, area, spline, waterfall, point, OHLC, polar, radial, and many, many more. Besides a crazy number of supported chart types, there are an even larger number of features with each chart. Crosshairs, legends, markers, panning, zooming, and much more. Basically, the Uno Data Chart is the Chuck Norris of charts. Nothing else needs to be said.
Uno Doughnut Chart
Display your data with multiple series using this rich Doughnut Chart. Similar to a Pie Chart, the Doughnut Chart shows categorical statistics expressed in percentages. With its hollow center, it's best for displaying multiple series using concentric rings where each ring represents a data series. Bind easily to data, configure the inner radius, display exploded slices, customize themes, and more with this well-rounded control.
Uno Linear Gauge
Make data visualizations and dashboards more engaging with a Linear Gauge that shows off KPIs with rich style and interactivity. The gauges are powerful, easy to use, and highly configurable to present dashboards.
Uno Pie Chart
Create simple or exploded pie charts. Customize the threshold for inclusion in the Other category, and display text labels and images that can be within or outside of the pie in a manner that avoids overlap. Users can click or drill down to view underlying data, explode out a section of the pie, and find information via tooltips.
Uno Radial Gauge
The Uno Radial Gauge makes your data visualizations and dashboards more engaging and shows off KPIs with rich style and interactivity. The gauges are powerful, easy to use, and configurable to present dashboards capable of displaying clocks, industrial panels, automotive dashboards, and aircraft cockpits.
Uno Sparkline
The Uno Sparkline control is a data-intense, design-simple graphic that allows end users to spot trends, variations, and patterns in data in a clear and compact representation.
Let’s Wrap this Baby Up!
Seeing the release of this preview probably has you asking yourself, “Brian, these controls are amazing and I can’t wait to use them, but what’s next? What’s your long-term plan for Uno Platform?”. Well, I’m glad you asked. We have a long-term plan for supporting your Uno Platform application needs, and we are committed to bringing you the market’s best, highest performing, and most beautiful Uno Platform controls period. But in order to accomplish this, we need your help.
If you find an issue in this preview let me know. If you have ideas about new features we should bring to our components, let me know. If you discover important issues we need to fix, or even brand-new components you’d like us to introduce, let me know. Follow and engage with us on Twitter via @infragistics. You can also follow and contact me directly on Twitter at @brianlagunas. You can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live.
Introducing the Ultimate UI for UWP Preview
Today, I am excited to announce the immediate availability of Infragistics Ultimate UI for UWP Preview. Yes, that's right... you can now take advantage of our blazing fast, feature rich, easy to use components in your UWP applications starting now.
Now, I’m not just giving paying customers early access to the Infragistics Ultimate UI for UWP Preview controls. I’m giving everyone access to the Ultimate UI for UWP Preview controls for FREE! That’s right, no purchases necessary. Anyone from the community can download these great controls and start using them NOW. All I ask is that you contact support for any issues or bugs you run into, submit any feature requests to the Infragistics Product Ideas website, and you send me your honest feedback directly. I want to know what you think of these controls and what you need in order to be successful building UWP apps. So, what are you waiting for?
Download the FREE Infragistics Ultimate UI for UWP Preview
What is UWP?
UWP is Microsoft’s latest platform for creating cross platform client applications for Windows 10 devices such as PC, Xbox, Surface, Surface Hub, HoloLens, and IoT devices. UWP apps can make use of WinRT APIs, Win32 APIs, and .Net Classes to provide powerful applications that can run across multiple platforms with a single codebase.
Ultimate UI for UWP Components
Although this is just a preview, Ultimate UI for UWP is packed with 9 new UWP components. Now, let's take a moment to quickly cover all the great components you can start using in your UWP applications.
UWP Data Grid
The Ultimate UI for UWP Data Grid is a tabular grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the UWP data grid include inline editing, filtering, sorting, templates, row selection, row grouping, row pinning and movable columns and more. When we designed the core grid component, we optimized for live, streaming data, with the ability to handle unlimited data set size in number of rows or columns. With a large portion of our customer base being financial services, these are the most important attributes – load time, scroll time, unlimited rows, unlimited columns – with buttery-smooth scrolling under heavy loads. At the same time, many of you are coming from feature-packed enterprise line-of-business apps. We are delivering the features you need as well.
UWP Bullet Graph
The bullet graph component provides you with the ability to create attractive data presentations, replacing meters and gauges that are used on dashboards with simple yet straightforward and clear bar charts. A bullet graph is one of the most effective and efficient ways to present progress towards goals, good/better/best ranges, or compare multiple measurements in as little horizontal or vertical space as possible.
UWP Category Chart
This touch-enabled charting control makes visualizing category data a breeze. Built on top of a high-performing and feature-rich data chart, the category chart filters the complexities of data visualization into a simplified API that anyone can use.
UWP Charts
The chart control has been the powerhouse of Infragistics for many years on other platforms. Now, you can take advantage of the power and massive feature set provided by the Data Chart in your UWP applications. There are literally too many features to even fathom talking about all of them in this post. So, I will simply sum them up and you can go play with the Data Chart yourself. Make sure you set aside a year or so to really dive in. That’s just how many features we pack into this cross platform data chart. The UWP Data Chart comes with over 50 chart types including bar, column, line, area, spline, waterfall, point, OHLC, polar, radial, and many many more. Besides a crazy number of supported chart types, there are an even larger number of features with each chart. Crosshairs, legends, markers, panning, zooming, and much more. Basically, the UWP Data Chart is the Chuck Norris of charts. Nothing else needs to be said.
UWP Doughnut Chart
Display your data with multiple series using this rich Doughnut Chart. Similar to a Pie Chart, the Doughnut Chart shows categorical statistics expressed in percentages. With its hollow center, it's best for displaying multiple series using concentric rings where each ring represents a data series. Bind easily to data, configure the inner radius, display exploded slices, customize themes, and more with this well-rounded control.
UWP Linear Gauge
Make data visualizations and dashboards more engaging with a Linear Gauge that shows off KPIs with rich style and interactivity. The gauges are powerful, easy to use, and highly configurable to present dashboards.
UWP Pie Chart
Create simple or exploded pie charts. Customize the threshold for inclusion in the Other category, and display text labels and images that can be within or outside of the pie in a manner that avoids overlap. Users can click or drill down to view underlying data, explode out a section of the pie, and find information via tooltips.
UWP Radial Gauge
The UWP Radial Gauge makes your data visualizations and dashboards more engaging and shows off KPIs with rich style and interactivity. The gauges are powerful, easy to use, and configurable to present dashboards capable of displaying clocks, industrial panels, automotive dashboards, and aircraft cockpits.
UWP Sparkline
The UWP Sparkline control is a data-intense, design-simple graphic that allows end users to spot trends, variations, and patterns in data in a clear and compact representation.
Let’s Wrap this Baby Up!
Seeing the release of this preview probably has you asking yourself, “Brian, these controls are amazing and I can’t wait to use them, but what’s next? What’s your long-term plan for UWP?”. Well, I’m glad you asked. We have a long-term plan for supporting your UWP application needs, and we are committed to bringing you the market’s best, highest performing, and most beautiful UWP controls period. But in order to accomplish this, we need your help.
If you find an issue in this preview let me know. If you have ideas about new features we should bring to our components, let me know. If you discover important issues we need to fix, or even brand-new components you’d like us to introduce, let me know. Follow and engage with us on Twitter via @infragistics. You can also follow and contact me directly on Twitter at @brianlagunas. You can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live.