We are happy to introduce the new Syncfusion .NET MAUI Radio Button control in our latest release, Essential Studio® 2023 Volume 3.
In this blog, we’ll explore the key features of the .NET MAUI Radio Button control and the steps to get started with it!
The new Syncfusion .NET MAUI Radio Button is a selection control that enables users to choose a single option from a set of predefined choices.
Its key features are:
Let’s delve into the primary characteristics of the control.
The .NET MAUI Radio Button has two selection states: selected and unselected. If you want to stop the toggling between these states, you can utilize the disabled option.
The .NET MAUI Radio Button allows you to group a set of radio buttons present inside any layout.
When you select a radio button in a radio group, all the other items will be automatically deselected. At any given time, you can select only one radio button from the same radio group.
You can apply colours to distinguish the checked and unchecked states in the .NET MAUI Radio Button control.
You can easily customize the stroke thickness of the radio button to your preferred value.
You can also define the Radio Button caption text and format its font, style, size, and colour.
Note: Refer to the .NET MAUI Radio Button control documentation for more details.
We have seen the key features of the .NET MAUI Radio Button. Let’s learn how to integrate it into your .NET MAUI app and utilize its features by following these steps:
First, create a .NET MAUI application.
Syncfusion .NET MAUI controls are available on the NuGet Gallery. To add the .NET MAUI Radio Button control to your project, open the NuGet package manager in Visual Studio. Search for Syncfusion.Maui.Buttons and then install it.
In the MauiProgram.cs file, register the handler for the Syncfusion core. Refer to the following code:
using Microsoft.Maui; using Microsoft.Maui.Hosting; using Microsoft.Maui.Controls.Compatibility; using Microsoft.Maui.Controls.Hosting; using Microsoft.Maui.Controls.Xaml; using Syncfusion.Maui.Core.Hosting; namespace RadioButtonSample { public static class MauiProgram { public static MauiApp CreateMauiApp() { var builder = MauiApp.CreateBuilder(); builder .UseMauiApp<App>() .ConfigureSyncfusionCore() .ConfigureFonts(fonts => { fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); }); return builder.Build(); } } }
Now, add the Syncfusion.Maui.Buttons namespace in your XAML page.
xmlns:buttons="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.Buttons"
Finally, initialize the Syncfusion .NET MAUI Radio Button control.
Refer to the following code example. Here, we’ll employ the radio group and radio button for gender selection.
<buttons:SfRadioGroup x:Name="radioGroup"> <buttons:SfRadioButton x:Name="male" Text="Male" IsChecked="True"/> <buttons:SfRadioButton x:Name="female" Text="Female"/> </buttons:SfRadioGroup>
After executing the previous code example, we’ll get output like the following image:
For more details, check out the .NET MAUI Radio Button demos on GitHub.
Thanks for reading! In this blog, we explored the features of the new .NET MAUI Radio Button control introduced in the 2023 Volume 3 release. Check out our Release Notes and What’s New pages to see the other updates in this release, and leave your feedback in the comments section below.
For existing Syncfusion customers, the newest version of Essential Studio® is available from the license and downloads page. If you are not yet a customer, try our 30-day free trial to check out these new features.
You can also contact us through our support forums, feedback portal, or support portal. We are always happy to assist you!