Quantcast
Channel: Infragistics Community
Viewing all 2223 articles
Browse latest View live

Blazor vs Angular Comparison in 2021

$
0
0
Find out the state of Blazor today and how it compares with one of the most popular frameworks, Angular.(read more)

Remote User Testing - The Modern Approach to Usability Studies

$
0
0
Testing software has always been an important phase of software development, but only in the recent past has usability taken on greater importance. This is because with the growth of SaaS offerings and increased global competition, making your software “usable” — easy to use, an elegant experience or however you want to define a user’s engagement with your software — has skyrocketed in importance.(read more)

Ignite UI for jQuery Release Notes - November 2020: 19.2, 20.1 Service Release

$
0
0

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

Ignite UI 2020 Volume 1

Ignite UI for Angular 11.1.0 Release

$
0
0

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.

example for cascade selection in angular tree data grid

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%'.

Angular Data Grid Column Types Example

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

example for filtering formatted data in angular data grid

 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.

Unified exit editing grid capabilities table

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.

example file type angular input

 Change theme in runtime

 The input group is a versatile component. It includes built-in styles and layouts for 4 different themes - Material, Bootstrap, Fluent, and our own Indigo Design. Before the Ignite UI for Angular 11.1.0 release, the input group implicitly styled itself based on the currently loaded CSS theme. Switching the theme stylesheet at run-time wouldn't update the layout and/or styles without reloading the page. With 11.1.0 we are introducing a new 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 for igxPrefix, igxSuffix and igx-divider directives to be passed as ng-content and they will be renderer accordingly in the item's content.
  • 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 for IgxGrid/IgxHierarchicalGrid and TreeGridFormattedValuesFilteringStrategy for IgxTreeGrid.
  • IgxPaginator

    • paging and pagingDone events are now emitted.
  • IgxInput now supports type="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
    ng update igniteui-angular
    
    or execute the update migrations manually afterwards
    ng update igniteui-angular --migrate-only
    
    This will ensure your application is updated to use the new output names.
  • 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 current CalendarView can be used. CalendarView will be deprecated in a future release.
    • onSelection is now selected
    • onViewChanging is now viewChanging
    • onDateSelection is now dateSelection
    • onYearSelection is now yearSelection
    • onMonthSelection is now monthSelection
  • IgxYearsViewComponent
    • Breaking Change
    • onSelection is now selected
    • onYearSelection is now yearSelection
  • IgxDaysViewComponent
    • Breaking Change
    • onDateSelection is now dateSelection
    • onViewChanging is now viewChanging
  • IgxMonthsViewComponent
    • Breaking Change
    • onSelection is now selected
    • onMonthSelection is now monthSelection
  • IgxMonthPickerComponent
    • Breaking Change
    • onSelection is now selected
  • IgxRadioGroup
    • Added new property alignment that determines the radio group alignment. Available options are horizontal (default) and vertical.
  • IgxDialog
    • Added new onOpened and onClosed events.
  • IgxIcon
    • Deprecated - The color input property has been deprecated.
    • Renamed inputs isActive to active fontSet to family
  • IgxToast
    • Breaking Change - show and hide methods have been deprecated. open and close should be used instead. onShowing,onShown,onHiding and onHiden events have been deprecated. onOpening, onOpened, onClosing and onClosedshould be used instead.
  • IgxInputGroup
    • Added new property theme that allows you to set the theme explicitly and at runtime.
  • IgxSnackbar
    • show and hide methods have been deprecated. open and close should be used instead.
  • IgxSplitter
    • Breaking Change - the onToggle output is deprecated. A new output is introduced to replace it - collapsedChange. This allows for the collapsed state to be two-way bindable using the syntax [(collapsed)]="paneCollapse"
  • IgxChip
    • Breaking Change - The following outputs are renamed:
      • onMoveStart to moveStart
      • onMoveEnd to moveEnd
      • onRemove to remove
      • onClick to chipClick
      • onSelection to selectedChanging
      • onSelectionDone to selectedChanged
      • onKeyDown to keyDown
      • onDragEnter to dragEnter
  • IgxChipArea
    • Breaking Change - The following outputs are renamed:
      • onReorder to reorder
      • onSelection to selectionChange
      • onMoveStart to moveStart
      • onMoveEnd to moveEnd
  • IgxGrid, IgxHierarchicalGrid, IgxTreeGrid
    • Added new property selectRowOnClick that determines whether clicking over a row will change its selection state or not. Set to true by default.
    • GridPagingMode enum members rename - local to Local and remote to Remote. Example: GridPagingMode.Local.
    • The following new events are introduced: sorting, filtering, columnPinned, columnVisibilityChanging.
    • Behavioral Change -
      • onColumnPinning to emit IPinColumnCancellableEventArgs instead of IPinColumnEventArgs.
    • Breaking Change:
      • onPagingDone output is removed. Use the paging and pagingDone outputs exposed by the IgxPaginator.
      • page, perPage, paginate, nextPage, previousPage and totalPages in the grids are deprecated and will be removed. Use the corresponding IgxPaginator outputs/inputs. When using an external paginator, take care to provide the corresponding slice of data. See Paging with Custom Template
  • 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 to leftPan
      • onRightPan to rightPan
      • onPanStateChange to panStateChange
      • onItemClicked to itemClicked
  • IgxNavbarComponent
    • Breaking Change - The onAction output is renamed to action.
  • IgxTabsComponent
    • Breaking Change - The following outputs are renamed:
      • onTabItemSelected to tabItemSelected
      • onTabItemDeselected to tabItemDeselected
  • IgxTooltipTargetDirective
    • Breaking Change - The following outputs are renamed:
      • onTooltipShow to tooltipShow
      • onTooltipHide to tooltipHide
  • IgxBaseExporter, IgxExcelExporterService, IgxCsvExporterService
    • Breaking Change - The following outputs are renamed:
      • onColumnExport to columnExporting
      • onRowExport to rowExporting
      • onExportEnded to exportEnded

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

$
0
0
Find out what is Blazor Webassembly, and how does it compare to the Blazor server. This article takes a closer look at Blazor WebAssembly and why it’s got a lot of buzz.(read more)

How to Turn Your Sketch Designs into Code

$
0
0
Looking for a solution to turn Sketch designs into HTML code? Learn how to turn Sketch designs into high-quality HTML, CSS, and Angular code with a click of a button.(read more)

Infragistics WPF Release Notes - March 2021: 20.1, 20.2 Service Release

$
0
0

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

WPF UI Controls

Infragistics Windows Forms Release Notes - March 2021: 20.1, 20.2 Service Release

$
0
0

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

Windows Forms UI Controls


Ignite UI for jQuery Release Notes - March 2021: 20.1, 20.2 Service Release

$
0
0

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

Ignite UI 2020 Volume 2

Indigo.Design App Builder – New Features, Updates and Bug Fixes

$
0
0
We are excited to announce updates and improvements to the public preview of Indigo.Design App Builder, our new cloud-based WYSIWYG drag & drop tool for low-code development.(read more)

4 Benefits of Embedded Analytics

$
0
0
Create a data driven culture by integrating embedded analytics into your applications which helps increase business productivity, competitive advantages and revenue.(read more)

Infragistics ASP.NET Release Notes - November 2020: 19.2, 20.1 Service Release

$
0
0

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

$
0
0

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

Ignite UI 2020 Volume 1

Ignite UI for Angular 11.0.0 Release

$
0
0

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

example for angular material data grid with select all rows in a 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>

example for excel style filter in angular data grid with custom icon

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 the FilteringStrategy class now requires 3rd advancedExpressionsTree and 4th grid parameters. If not needed, just pass null.
  • 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 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

$
0
0
As the demand for application modernization accelerates, find out why modern UI toolkits can help you migrate from desktop to web faster and deliver a great user experience. (read more)

Ignite UI for Web Components – What’s New in 20.2

$
0
0

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.

blazor date picker

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.

blazor grid row editing

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.

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 @brianlagunasYou 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

$
0
0

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:

https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-blazor-the-official-release

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 date picker

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 charts

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 excel sparklines

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 grid row editing

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.

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 @brianlagunasYou 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

$
0
0

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.

blazor date picker

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.

blazor grid row editing

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.

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 @brianlagunasYou 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

$
0
0

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.

what is uno platform

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 data grid

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 platform bullet graph

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 platform category chart

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 platform chart

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 platform doughnut chart

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 platform linear gauge

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 platform pie chart

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 platform radial gauge

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.

uno platform sparkline

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 @brianlagunasYou 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

$
0
0

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.

what is uwp

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 data grid

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 bullet graph

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 category chart

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 chart

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 doughnut chart

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 linear gauge

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 pie chart

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 radial gauge

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.

uwp sparkline

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 @brianlagunasYou can also subscribe to my YouTube channel to be notified of new videos, and follow me on Twitch to watch me stream live.

Viewing all 2223 articles
Browse latest View live