devexpress-examples / blazor-maui-hybrid-app

A demo of DevExpress Blazor and MAUI components in a Blazor Hybrid scenario.

Use DevExpress MAUI and Blazor Components to Create a .NET MAUI Blazor Hybrid app

This demo example shows how to utilize DevExpress Blazor and .NET MAUI components to develop a .NET MAUI Blazor Hybrid app.

Blazor Hybrid View

This page uses the DevExpress Blazor Grid to display a list of tasks. When the app is viewed on smaller screen sizes, adaptive triggers reduce the number of columns and display a column chooser button.

The code for this view is shared between MAUI and Blazor Server apps. The MAUI version uses a larger size mode.

Files to look at: HybridGridPage.xaml, MauiProgram.cs, GridList.razor

Read more: Blazor Size Modes, Adaptive Layout API

Views Built with MAUI

Login View

This page shows how to implement a login UI in your .NET MAUI application.

Available user: "User" with the password "123".

File to look at: LoginPage.xaml

Read more: Authentication

Blogs View

This page uses our DXCollectionView component to show a collection of items. Note the infinite scrolling feature - the component loads batches of items on demand.

File to look at: BlogsPage.xaml

Read more: Infinite Scrolling

Analytics View

This page shows how to use our SimpleButton components to create clickable cards.

File to look at: AnalyticsPage.xaml

Read more: Cards with Custom Content

Documentation

• Build a .NET MAUI Blazor Hybrid app