What's new in the Microsoft Fluent UI library for Blazor version 2.2
With new .NET 8 preview versions becoming available every month, the time has come to add support for this to the library's project files. That is basically what this release is about. When new previews come out, the library will be updated as well, of course. Most probably will assign patch version numbers (i.e. 2.2.x) to these releases.
Other changes and additions
First the bulleted list and then the details
FluentCalendar
updatesFluentDataGrid
updatesFluentNumberField
updates- Fluent UI System Icons updates
- Bugfixes and more
FluentCalendar
updates
The FluentCalendar
now (finally) works correctly in non-US time zones! We have been plagued by errors in the publication process of the underlying web components scripts which made it (very) hard to get this resolved. Thanks to the perseverance of the FAST team, it worked out in the end.
To make sure this fix is applied in your application, reference web-components.min.js version 2.5.13 or higher
You do so by making sure the script is being included in the following way:
<script type="module" src="https://cdn.jsdelivr.net/npm/@fluentui/web-components@2.5.13/dist/web-components.min.js"></script>
CDN can be replaced with any other one of your choice.
Another thing that got fixed in this version is the way the month/year label was being displayed. It now has proper spacing
FluentDataGrid
updates
One of the changes coming to Blazor with .NET 8 is the productization of the QuickGrid
component. QuickGrid was originally introduced as an experimental package based on .NET 7 and we copied it's code over to the Fluent UI library to re-use it's features (and add some more) but render it with the Fluent UI Web Components instead of its original rendering based on HTML table, tr and td elements.
As part of bringing QuickGrid into .NET 8, the ASP.NET Core team made some changes and improvements to the API. We brought these changes over to the FluentDataGrid
as well. To update an app that uses FluentDataGrid
, you may need to make the following BREAKING CHANGES
- Rename the
Value
attribute on thePaginator
component toState
- Rename the
IsDefaultSort
attribute on columns toInitialSortDirection
and addIsDefaultSortColumn=true
to indicate the column should still be sorted by default.
To use the FluentDataGrid
component, you do not need to add a reference to the Microsoft.AspNetCore.Components.QuickGrid
package to your project. In fact, if you do so it will lead to compilation errors.
All examples in the demo site have been updated to reflect these changes.
FluentNumberField
updates
Before this version of the library, it was possible to set the Min
parameter of the FluentNumberField
to a higher value than the Max
parameter. This has now been corrected andvalidation logic is added. Also, the test project now contains tests for this component. Thanks again @Andras-Csanyi!
Fluent UI System Icons update
The Fluent UI System Icons have been updated to version 1.1.200. You can find these,and all the other available icons, easy with the search page in the demo environment: https://aka.ms/fluentui-blazor/Icon
What's new
The following icons (name / sizes / variants ) have been added to the library:
- Arrow Autofit Height In / 20, 24 / Filled & Regular
- Circle Hint / 16, 20 / Filled & Regular
- Cloud Database / 20 / Filled & Regular
- Cloud Desktop / 20 / Filled & Regular
- Code Circle / 24, 32 / Filled & Regular
- Column Single / 16 / Filled & Regular
- Desktop Arrow Down / 16, 20, 24 / Filled & Regular
- Desktop Tower / 20, 24 / Filled & Regular
- Document Checkmark / 16 / Filled & Regular
- Document Key / 20 / Filled & Regular
- Dust / 20, 24, 28 / Filled & Regular
- Edit Arrow Back / 24 / Filled & Regular
- Emoji Hint / 16, 20, 24, 28, 32, 48 / Filled & Regular
- Folder List / 16, 20 / Filled & Regular
- Lightbulb Checkmark / 20 / Filled & Regular
- Line Horizontal 4 Search / 16 / Filled & Regular
- Line Horizontal 4 / 16 / Filled & Regular
- Math Format Professional / 16 / Filled & Regular
- Mold / 20, 24, 28 / Filled & Regular
- People Team / 48 / Filled & Regular
- Person Desktop / 20 / Filled & Regular
- Person Ribbon / 16, 20 / Filled & Regular
- Person Wrench / 20 / Filled & Regular
- Plant Grass / 20, 24, 28 / Filled & Regular
- Plant Ragweed / 20, 24, 28 / Filled & Regular
- Settings Cog Multiple / 20, 24 / Filled & Regular
- Slide Content / 24 / Filled & Regular
- Slide Record / 16, 20, 24, 28, 48 / Filled & Regular
- Stack Add / 20, 24 / Filled & Regular
- Star Checkmark / 16, 20, 24, 28 / Filled & Regular
- Stream / 32 / Filled & Regular
- Subtract Square / 16 / Filled & Regular
- Table Simple Exclude / 16, 20, 24, 28, 32, 48 / Filled & Regular
- Table Simple Include / 16, 20, 24, 28, 32, 48 / Filled & Regular
- Table Simple / 32 / Filled & Regular
- Tablet Laptop / 20 / Filled & Regular
- TextBox Align Middle / 16 / Filled & Regular
- Tree Deciduous / 24, 28 / Filled & Regular
What's updated The following icons (name / sizes / variants ) have been updated :
- Cloud / 16, 24 / Filled & Regular
- Folder Add / 28 / Filled & Regular
- Folder Arrow Left / 28 / Filled & Regular
- Folder Arrow Right / 28 / Filled & Regular
- Receipt Add / 24 / Filled & Regular
- Receipt Bag / 24 / Filled & Regular
- Receipt Cube / 24 / Filled & Regular
- Receipt Money / 16, 24 / Filled & Regular
- Receipt Play / 24 / Filled & Regular
- Receipt Sparkles / 16, 24 / Filled & Regular
- Receipt / 16, 24, 28, 32 / Filled & Regular
- Table Default / 32 / Filled & Regular
Bugfixes and more
The following bugs have been fixed:
- #361: Searching for icons requires double validation of the search field
- #371: fix: PresenceBadge and MonacoEditor has errors on https://aka.ms/fluentui-blazor
Other small changes and updates:
- Updated to latest .NET SDKs
- ReadMe and What's New changes and additions
- Fix hyperlink in README (thanks @danielchalmers)
As always, the package is available on NuGet
Comments
Comments are closed