How to Access ContentTemplate Elements in .NET MAUI Popup?

In .NET MAUI Popup, elements inside a DataTemplate are not directly accessible by their x:Name because data templates are not instantiated until they are actually used to render an item. This means the elements don’t exist in the visual tree until then, which makes them inaccessible by x:Name.

Suggestion 1:

To access elements inside the ContentTemplate, we can store the elements in fields in the code-behind once these elements are added. This way, we can access these elements:

<popup:SfPopup x:Name="popup" AutoSizeMode="Height">
     <popup:SfPopup.ContentTemplate>
         <DataTemplate>
             <StackLayout x:Name="stackLayout" ChildAdded="StackLayout_ChildAdded">
                 <Entry x:Name="Entry" Placeholder="Enter Name"/>
                 <Entry Placeholder="Enter Password" x:Name="Entry1" IsPassword="True" />
                 <Button Text="Login" Clicked="Button_Clicked"/>
             </StackLayout>
         </DataTemplate>
     </popup:SfPopup.ContentTemplate>
 </popup:SfPopup>

private Entry entry;
private Entry entry1; 

private void StackLayout_ChildAdded(object sender, ElementEventArgs e)
{
    if (e.Element is Entry)
    {
        var child = (Entry)e.Element;
        if (child != null && child.StyleId == "Entry")
        {
            entry = child;
        }

        else if (child != null && child.StyleId == "Entry1")
        {
            entry1 = child;
        }
    }
} 

private void Button_Clicked(object sender, EventArgs e)
{
    if (entry1.Text == entry.Text)
    {
        DisplayAlert("Status", "Login Successfully", "Ok");         
    }

    else
    {
        DisplayAlert("Status", "Login Failed", "Ok");
    }
    entry.Text = string.Empty;
    entry1.Text = string.Empty;
}

Suggestion 2:

We can declare elements in the code-behind and directly use these elements inside the ContentTemplate.

internal Label PopupLabel { get; set; }
private SfPopup Popup; 

public MainPage()
{
   InitializeComponent();  
   Popup = new SfPopup() { ShowFooter = true };
   PopupLabel = new Label() { Text = "Custom Popup Content" };
   Popup.ContentTemplate = new DataTemplate(() =>
   {
       return PopupLabel;
   });

   Popup.FooterTemplate = new DataTemplate(() =>
   {
       var button = new Button() { Text = "Change Text" };
       button.Clicked += Button_Clicked;
       return button;
   });
 

    private void Button_Clicked(object? sender, EventArgs e)
    {
        PopupLabel!.Text = "Text Changed";
    }
}

View sample in GitHub

Conclusion
I hope you enjoyed learning about how to access ContentTemplate elements in NET MAUI Popup.

You can refer to our .NET MAUI Popup feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our .NET MAUI Popup example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!