I have a sample Xamarin Forms app (source located on GitHub here) where I need the dialog that pops when you click the button to center itself on the screen. Instead it is centering in its parent.
I read you can center a Popup by attaching it to the page level. And that works fine. But the BindingContext for the popup can't be set in this way.
Our app uses a ContentPage that is comprised of a bunch of ContentViews. And the ContentViews are the things that define the various popup dialogs (not the ContentPage). Furthermore, the BindingContext is set at the ContentView level. You can see an example of this in the code example I provided in the repo.
The repo defines a MainPage.xaml which hosts a ParentView which hosts a PopupView. It should be easy to follow the structure.
How can this sample be changed to show the dialog in the center of the screen?
1 Answer, 1 is accepted
Thank you for sending the sample - it helped me understand the exact scenario you have.
In such cases you would need to create the Popup control with code, not in XAML, in order to avoid attaching it to the ContentView element. You could still define the content in XAML through a ControlTemplate which then can be set to the Content property of the Popup instance.
I have modified the sample app to show you how this would work. Please note that I am using Xamarin.Forms MessagingCenter to send a notification when the popup should be open. When created in this way, the popup takes the page as its placement target element and is properly centered.
Please download the attachment and give it a try.
You could also check the RadPopup examples in our QSF application which also demonstrate the approach.
Let me know if you have any additional questions on this.
Regards,
Yana
Progress Telerik