DevExpress UI for Blazor - Preview 7 - New Features (Now Available)

28 May 2019

Preview 7 of the DevExpress UI for Blazor is now available and it includes three big features.

New Features

We've enhanced our Blazor editor components and upgraded the online demo to highlight our excellent support for Bootstrap themes. Let's take a deeper look at these new features.

1. Form Validation

DevExpress FormLayout and Data Editor controls now support the same validation attributes as standard Blazor components. To learn more about this capability, refer to the Microsoft Documentation. To see our implementation in action, see our new Validation demo.

In the demo, our editors are highlighted in either green or red color based on their validation state:

DevExpress UI for Blazor - Form Validation

2. ComboBox – Null Text

Our ComboBox component can now display a customizable prompt string. For example, the image below shows the editor's appearance when its value is null and its NullText property is set to "Set classification".

DevExpress UI for Blazor - Null Text Property

This serves as a helpful hint to the end user to select a value:

DevExpress UI for Blazor - ComboBox Null Text

3. Bootstrap Theme support

Last, but not least, we've upgraded our Blazor components demo to highlight our support for Bootstrap themes! First, let's take a look at why we chose Bootstrap.

The only way to create native Blazor components was to write the server-side part from scratch, and we did that. This didn't mean, however, that we couldn't reuse client-side code from our other web product lines. Our ASP.NET Bootstrap controls feature modern render techniques and there were many reasons to have the same code for our Blazor UI:

  1. They provide adaptive and mobile-friendly features
  2. Are proven and work well in different browsers
  3. They're lightweight, using less render, and leverage modern performance-optimization techniques
Note: the Bootstrap framework is established, popular, and free. It has a good ecosystem of open-source contributors, third-party themes, etc. In fact, Microsoft chose Bootstrap for their File->New experience.

So for our Preview 7 release, we've updated our demo with a new configuration button on the top right. Clicking this button will bring up the following themes panel:

DevExpress UI for Blazor - Bootstrap Themes

You can choose from the following:

  • A standard bootstrap theme
  • Two DevExpress Bootstrap themes
  • 21 Bootswatch themes

Test the updated demo online here: DevExpress Blazor Themes - Online Demo

Download the Preview from NuGet

If you wish to test the DevExpress UI for Blazor, download the DevExpress.Blazor.nupkg from the DevExpress NuGet Early Access feed. Once you've added this feed to Visual Studio 2019, you'll see the DevExpress.BlazorComponents package:

This preview is made available under the DevExpress Blazor UI license. To gain access to the build free of charge, you will need a DevExpress.com account. You can create a free account to test our NuGet package and can get a free 30-day trial of all our components too.

Getting Started

The following resources will help you get started with DevExpress UI for Blazor:

Watch the Webinar

Give us your feedback

Although we have many plans for more components within this new ecosystem, as with all of our future projects we rely on feedback from you, our customers, on what we should be looking at and considering. Send us emails, open up support tickets, let us know.

5 comment(s)
Dalibor Stys

Great news, thanks for the effort! I am waiting for other new components, especially charts would be great.

29 May, 2019
Marcelo G. Fonseca

Great news.

It will be great when we have all the components we have today in webforms available in blazor. I'm just waiting for more components to rebuild my old projects on BLAZOR.

It would be amazing if DevExpress created a new component for CHAT communication between users of the site, since it is now easier with the SignalR. This would open up a range of opportunities for new projects.

Anyway the news is good, timid, but good.

Congratulations!

29 May, 2019
Vladimir Frizen (DevExpress)

Thank you. We are not going stop and will release new components for sure. :)

@ Marcelo. Since we are creating native Blazor components, we cannot create all the components that we have in ASP.NET at once. We start with the most required components and features. Charts are popular and we plan to release them soon. We need your and other customer feedback to see what components we need to introduce next. Please post your ideas here or email (mharry@devexpress.com) or post it directly to our GitHub:
https://github.com/DevExpress/Blazor/issues

31 May, 2019
Sven Glöckner 1

Great work, thank you for supporting Blazor and helping developers.

I really looking forward to the DevExpress Blazor library.

And also thanks for your presentation in the webinar!

6 June, 2019
Tichaona Dhliwayo 1

Unlike Silver-light this is the real future great job guys

6 June, 2019

Please login or register to post comments.