Thanks for the sample code Yana!   It works perfectly in Android.

I was able to reproduce the iOS picker issue in your sample project by changing MainPage.xaml as follows.   Note that after you choose a County, the popup goes higher on the page.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:PopupTest"
            xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
             xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
             x:Name="currentPage"
             x:Class="PopupTest.MainPage">
    <telerikPrimitives:RadPopup.Popup>
        <telerikPrimitives:RadPopup x:Name="popNewUserRegistration" IsModal="True" OutsideBackgroundColor="#99000000" AnimationType="Zoom" Placement="Center">
            <Frame x:Name="frameNewUserRegistration" HorizontalOptions="Center" VerticalOptions="Center" BackgroundColor="White" Margin="10" Padding="10" MinimumWidthRequest="300" WidthRequest="300">
                <StackLayout Orientation="Vertical">
                    <Label Text="New User Registration" FontAttributes="Bold" FontSize="18" HorizontalOptions="Center" Margin="10,20,10,20"/>
                    <Label Text="Company" TextColor="#20435C" FontSize="14" FontAttributes="Bold" Margin="10,20,10,0"/>
                    <Entry x:Name="eCompany" Placeholder="Required" MaxLength="50" Margin="10,0,10,0"/>
                    <Label Text="Phone Number" TextColor="#20435C" FontSize="14" FontAttributes="Bold" Margin="10,0,10,0"/>
                    <Entry x:Name="ePhoneNumber" Placeholder="Required" Keyboard="Numeric" MaxLength="50" Margin="10,0,10,0"/>
                    <Label Text="County" TextColor="#20435C" FontSize="14" FontAttributes="Bold" Margin="10,0,10,0"/>
                    <Picker x:Name="pkrCounty" Title="Select a County" Grid.Row="2" Margin="10,0,10,0"/>
                    <Label x:Name="lblAccountManager" Text="Account Manager" TextColor="#20435C" FontSize="14" FontAttributes="Bold" Margin="10,0,10,0"/>
                    <Picker x:Name="pkrAccountManager" Title="Select an Account Manager" Margin="10,0,10,0"/>
                    <ActivityIndicator x:Name="aiWaitRegistration" IsRunning="true" IsVisible="false" Margin="10,10,10,10" HorizontalOptions="Center"/>
                    <telerikInput:RadButton x:Name="btnSubmit" Text="Submit" Margin="10,20,10,20"/>
                </StackLayout>
            </Frame>
        </telerikPrimitives:RadPopup>
    </telerikPrimitives:RadPopup.Popup>
    <ContentPage.Content>

        <AbsoluteLayout>
                <StackLayout AbsoluteLayout.LayoutBounds="0,0,1,1" AbsoluteLayout.LayoutFlags="All">

                <StackLayout Orientation="Vertical">
                
                </StackLayout>
                <Label Grid.Row="1" Text="Page outside" />
                <Button Grid.Row="2" Text="test" Clicked="Button_Clicked" />
            </StackLayout>
        </AbsoluteLayout>
    </ContentPage.Content>
</ContentPage>

 

Thanks, Marc

Hi Yana,

Below are the results of my testing in your project.   The iOS popup appears perfectly centered, but the Android popup appears to be centered between the parent control (the Test label) and the bottom of the screen.

 

 

Here's the hierarchy of my popup control... I don't really want to associate it with another control... just the page itself, and I will open/close the popup using the IsOpen property.   Is that not possible?

<ContentPage.Content>

        <AbsoluteLayout>

            <Image x:Name="splashScreen" Style="{DynamicResource SplashScreen}" Aspect="AspectFill" AbsoluteLayout.LayoutBounds="0, 0, 1, 1" AbsoluteLayout.LayoutFlags="All"/>

            <StackLayout AbsoluteLayout.LayoutBounds="0,0,1,1" AbsoluteLayout.LayoutFlags="All">

                <StackLayout Orientation="Vertical">

                    <telerikPrimitives:RadPopup.Popup>

                        <telerikPrimitives:RadPopup x:Name="popNewUserRegistration" IsModal="True" OutsideBackgroundColor="#99000000" AnimationType="Zoom" PlacementTarget="this" Placement="Center">

 

Thanks

Hi Yana,

Here's my xaml, where "this" is the name of the ContentPage:

<telerikPrimitives:RadPopup x:Name="popNewUserRegistration" IsModal="True" OutsideBackgroundColor="#99000000" AnimationType="Zoom" PlacementTarget="this" Placement="Center">

In iOS, the popup is at the top of the page, and too far to the left.   When we used VerticalOffset to force the popup to the center vertically, opening a picker caused the popup to shift up towards the top of the page.

In Android, the popup is centered horizontally, but at the top of the page.

Thanks,

Marc

+1 This would be very much appreciated.