The .NET MAUI Badge View is a notification control that is used to notify users of new or unread messages, notifications, or status information. A quick-start project that helps you integrate the Syncfusion Badge View control with a .NET MAUI application by adding the Syncfusion MAUI Core package from NuGet. This project contains simple code to apply predefined styles, icons, and other customizations.
Step 1: Add the NuGet to the project and add the namespace as shown in the following code sample:
[XAML]
xmlns:badge="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
[C#]
using Syncfusion.Maui.Core;
Step 2: Set the BadgeView control to content in ContentPage.
<badge:SfBadgeView >
</badge:SfBadgeView>
[C#]
SfBadgeView sfBadgeView = new SfBadgeView();
this.Content = sfBadgeView
Step 3: Adding a content
An Image, button, or label or any view can be added to the Badge View using the Content property.
<badge:SfBadgeView HorizontalOptions="Center" VerticalOptions="Center" BadgeText="20">
<badge:SfBadgeView.Content>
<Button Text="Primary" WidthRequest="120" HeightRequest="60"/>
</badge:SfBadgeView.Content>
</badge:SfBadgeView>
Make sure that you have the compatible versions of Visual Studio with .NET MAUI workloads and .NET SDK version in your machine before starting to work on this project. Refer to System Requirements for .NET MAUI.
To run this application, you need to first clone the getting-started-with-the-dotnet-maui-badge-view repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.
If you are facing a path too long exception when building this example project, close Visual Studio rename the repository to short, and build the project.
Syncfusion has no liability for any damage or consequence that may arise by using or viewing the samples. The samples are for demonstrative purposes, and if you choose to use or access the samples, you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, for accessing, or viewing the samples. By accessing, viewing, or seeing the samples, you acknowledge and agree Syncfusion’s samples will not allow you seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize, or otherwise do anything with Syncfusion’s samples.
Change and move badges to the left, right, top, bottom, bottom-left, bottom-right, top-left, or top-right position on the content as needed.
Eight predefined contextual color variants are available for badges, including primary, secondary, warning, error, and more.
Align badges to their content in start, end, and center modes.
The .NET MAUI Badge View control provides predefined notification symbols such as available, busy, away, delete, and more.
Customize the .NET MAUI Badge View Customization control’s background color, text color, and font styles easily.
Learn More about .NET MAUI Badge View
Suggest a feature or report a bug
Syncfusion's .NET MAUI UI Controls library is the only suite that you will ever need to build an application since it contains over 40 high-performance, lightweight, modular, and responsive UI Controls in a single package. In addition to Badge View, we provide popular .NET MAUI Controls such as DataGridCharts, Scheduler, ListView, and Excel Library.
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.
Today, we provide 1800+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and .NET MAUI), and desktop development (WinForms, WPF, WinUI,UWP, Flutter, and .NET MAUI). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.
sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET