Articles in this section
Category / Section

How to show Popup without the overlay background?

1 min read

SfPopupLayout allows you to remove the overlay background while showing it by customizing the X, Y, width and height properties of the popup view.

You can customize the height and width of the popup view using the SfPoupLayout.PopupView.HeightRequest and SfPopupLayout.PopupView.WidthRequest properties. You can pass the X and Y value for the Popup view when showing the popup using SfPopupLayout.Show method.

The below code example illustrates how to remove the overlay background while showing a popup.

private void ClickToShowPopup_Clicked(object sender, EventArgs e)
{
    var screenWidth = this.Width;
    var screenHeight = this.Height;
 
    // The default height and width of PopupView is 250 and 300 respectively.
    // You can set any desired values as the height and width of the popup view.
    var popupHeight = popupLayout.PopupView.HeightRequest = 250;
    var popupWidth = popupLayout.PopupView.WidthRequest = 300;
 
    popupLayout.Show((screenWidth - popupWidth) / 2, (screenHeight - popupHeight) / 2);
}

 

 

Please find the sample from the below link.

Sample Link: SfPopupSample

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied