English
Français

Blog of Denis VOITURON

for a better .NET world

FluentUI.Blazor v4.8

Overview

Before we can all get out and enjoy our well-deserved summer vacation, we’re happy to bring you a new version of the Fluent UI Blazor library. In this release, we’ve added a few new features to existing components, fixed a few issues, made 1 (small) Breaking Change and worked hard to make the library better overall.

We’ve just released the new version 4.8 of Microsoft.FluentUI.AspNetCore.Components. This version fixes some bugs detected in recent days, but also adds a few new features.

  • Breaking Change in the Option<T> class.
  • FluentCalendar: SelectionMode: Single, Range, Multiple.
  • FluentProfileMenu: StartTemplate and EndTemplate.
  • FluentTreeView: Bindable Items and LazyLoadItems.
  • Lists now inherit from FluentInputBase.
  • FluentAutocomplete: dynamic height via MaxAutoHeight.
  • FluentNavMenu on Mobile
  • NuGet flow of Previews.

Dev-Tunnel to replace NGrok

Introduction

When developing an application for Microsoft Teams, for example, we regularly need a a tool for creating secure tunnels to local servers. Our local development is then accessible from the Internet. Basically, the website being developed on the local machine can be accessed from anywhere via a temporary public URL.

The best-known software for this is NGrok, which does the job perfectly.

But for some months now, Microsoft has been offering an equivalent free solution: Dev Tunnel.


FluentUI.Blazor v4.7.2

Overview

We’ve just released a new version 4.7.2 of Microsoft.FluentUI.AspNetCore.Components. This version fixes some bugs detected over the last few days, but also adds a few new features.

  • DataGrid: new ShowHover parameter and Multi-selection of rows.
  • InputLabel: new Orientation parameter to position the label in front of or above the component.

Deployment in Azure Static Web Apps

There are several ways to create a static website in Azure. You’ll find the documentation here: Azure Static Web Apps.

This service is ideal for low-cost deployment of static applications such as Blazor WebAssemblies projects.

On the other hand, Azure Static Web Apps is primarily a service that automatically builds and deploys complete web applications on Azure from a code repository. Sometimes I like to test my code locally and deploy it manually from my local folder.

This is easily done with the swa


FluentUI.Blazor v4.7

Overview

We’ve just released a new version 4.7 of Microsoft.FluentUI.AspNetCore.Components. This release corrects some bugs detected in recent days, but also adds a few new features.

  • Calendar and DatePicker: corrected the way months and days are calculated, and added View to the FluentDatePicker components.
  • Grid: new AdaptiveRendering property.
  • Wizard: new StepSequence attribute.
  • DataGrid: Ability to clear the existing sorts; Addition of Width to Columns component; And improvement of SortBy.
  • MenuButton: Added ChildContent to improve content customization.
  • Popover: Added FixedPlacement to solve certain positioning problems.
  • PullToRefresh: Added PullToRefresh to manage draw distance before refresh.

FluentUI.Blazor v4.6

Overview

We’ve just released a new version 4.6 of Microsoft.FluentUI.AspNetCore.Components. This release fixes some bugs detected over the last few days, but also adds a few new features.

  • Key Code Provider: global service for capturing keystrokes.
  • Pull to refresh: an interaction element commonly used in web and mobile applications.
  • Profile Menu: a component for managing user accounts.
  • Wizard + EditForm: Automatic form validation.

FluentUI.Blazor v4.5

Overview

We’ve just released a new version 4.5 of Microsoft.FluentUI.AspNetCore.Components. This release corrects some bugs detected in recent days, but also adds a few new features.

  • New AppBar component.
  • Demo site: Component search.
  • Grid : Spacing and margins.
  • Menu and Popover: Threshold parameters
  • DataGrid: filtered property and visual indicator
  • MenuButton: Overlay and appearances
  • Card: MinimalStyle parameter
  • Tooltip : Additional behavior

Open at Microsoft - FluentUI.Blazor

Open at Microsoft

A few days ago, Vincent and I were lucky enough to be invited to Open at Microsoft.

Open at Microsoft is a weekly program for open-source enthusiasts. It features guests sharing their views on an open-source project. Thanks to Frank and Pablo we were able to record 3 video vignettes on FluentUI Blazor.


FluentUI.Blazor v4.4

Overview

We’ve just released a new version 4.4 of Microsoft.FluentUI.AspNetCore.Components. This release corrects some bugs detected over the last few days, but also adds a few new features.

  • New Sortable List. Allows you to reorganize items in a list (or from one list to another) by drag-and-drop.
  • New KeyCode. Sometimes Blazor doesn’t retrieve all the KeyDown information it receives from JavaScript. This small component retrieves this data.
  • New (experimental) MultiSplitter. This component divides a panel into several sections, allowing the user to control the layout.
  • DataGrid Loading. We’ve added Loading and LoadingContent parameters to the FluentDataGrid data grid.
  • Lists components. Lists have been modified to handle the Items property in the same way as FluentOptions.

Blazor Render Modes in .NET 8

Before .NET 8, you usually ran your entire Blazor application using one of Blazor’s hosting models: WASM or Server.

  • With Blazor Server, your components run on the server, and all interactions between browser and server take place via an open socket connection.
  • With Blazor WASM, your entire application is sent to the browser where it runs; and all interactions with the user interface are handled directly in the browser.

.NET 8 lets you control the way your components run, by modifying what’s known as Render Mode.

Component rendering modes in .NET 8 are as follows :

  • Static server-side
  • Interactive server
  • Interactive WASM
  • Auto interactive
  • Streaming

But what is it? Which one to use?


Languages

EnglishEnglish
FrenchFrançais

Follow me

Recent posts