Skip to content

Latest commit

 

History

History
80 lines (55 loc) · 2.68 KB

getting-started.md

File metadata and controls

80 lines (55 loc) · 2.68 KB
title page_title description position previous_url slug
Getting Started
.NET MAUI Popup Documentation - Getting Started
Get started with the Telerik UI for .NET MAUI Popup and add the control to your .NET MAUI project.
1
/controls/popup/popup-getting-started
popup-getting-started

Getting Started with the .NET MAUI Popup

This guide provides the information you need to start using the [Telerik UI for .NET MAUI Popup]({%slug popup-overview%}) by adding the control to your project.

At the end, you will achieve the following result.

.NET MAUI Popup Getting Started

Prerequisites

Before adding the Popup, you need to:

  1. [Set up your .NET MAUI application]({%slug maui-getting-started %}#step-1-set-up-your-net-maui-application).

  2. [Download Telerik UI for .NET MAUI]({% slug maui-getting-started %}#step-2-download-telerik-ui-for-net-maui).

  3. [Install Telerik UI for .NET MAUI]({%slug maui-getting-started %}#step-3-install-telerik-ui-for-net-maui).

Define the Control

1. When your .NET MAUI application is set up, you are ready to add a Popup control to your page.

For demonstration purposes, the current scenario shows how to add a sample Popup attached to a Button control. The purpose of the Popup here is to receive user input—It contains the Entry control for allowing the user to enter a comment and a button for closing the popup.

2. Reference the event handlers for showing/hiding the Popup.

3. Add the namespace.

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

4. Register the Telerik controls through the Telerik.Maui.Controls.Compatibility.UseTelerik extension method called inside the CreateMauiApp method of the MauiProgram.cs file of your project:

using Telerik.Maui.Controls.Compatibility;

public static class MauiProgram
{
	public static MauiApp CreateMauiApp()
	{
		var builder = MauiApp.CreateBuilder();
		builder
			.UseTelerik()
			.UseMauiApp<App>()
			.ConfigureFonts(fonts =>
			{
				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
			});

		return builder.Build();
	}
}           

Additional Resources

See Also

  • [Modal Popup Support]({%slug popup-modal%})
  • [Placement Configuration]({%slug popup-placement%})
  • [Animations]({%slug popup-animations%})