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