Approved
Last Updated: 07 Aug 2019 11:03 by ADMIN

Hi,

I'm using a popup and If the device is rotated when the pop-up is open, the UI gets disorted and gets a white space on sides or becomes uneven.

Please see the attached screenshots and below code to replicate the issue. Not sure about this issue occurring on android tablets.

 


<?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:ListViewRefresh"
             xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
             xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
             x:Class="ListViewRefresh.MainPage">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Button HorizontalOptions="Center" Grid.Row="0"
        VerticalOptions="Start" 
        Text="Click here to rate" 
        Clicked="BtnTest_Clicked">
            <telerikPrimitives:RadPopup.Popup>
                <telerikPrimitives:RadPopup x:Name="popup"
                                    Placement="Bottom"
                                    OutsideBackgroundColor="#6F000000">
                    <telerikPrimitives:RadBorder CornerRadius="8" 
                                         WidthRequest="800" 
                                         HeightRequest="1000"
                                         Padding="10"
                                         VerticalOptions="FillAndExpand"
                                         BackgroundColor="Wheat">
                        <Grid Padding="20">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30" />
                                <RowDefinition Height="20" />
                                <RowDefinition Height="40" />
                            </Grid.RowDefinitions>
                            <Label Text="Please rate your experience" />
                            <telerikInput:RadShapeRating Grid.Row="1" />
                            <Button Grid.Row="2"
                            Padding="2"
                            HorizontalOptions="End" 
                            Text="Send" 
                            Clicked="Button_Clicked" />
                        </Grid>
                    </telerikPrimitives:RadBorder>
                </telerikPrimitives:RadPopup>
            </telerikPrimitives:RadPopup.Popup>
        </Button>
    </Grid>

    
</ContentPage>

 

 


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace ListViewRefresh
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void BtnTest_Clicked(object sender, EventArgs e)
        {
            popup.IsOpen = true;
        }

        private void Button_Clicked(object sender, EventArgs e)
        {
            popup.IsOpen = false;
        }
    }
}

Approved
Last Updated: 26 Jun 2019 11:50 by ADMIN
If a RadDataGrid is hosted inside a Popup a layout cycle is caused and the datagrid is not visualized.
Approved
Last Updated: 24 May 2019 14:58 by ADMIN

when placement target is a StackLayout/GridLayout the popup is not visualized correctly.

For example:

<ContentPage.Content>
    <StackLayout>
        <Entry Text="{Binding Path=Username, Mode=TwoWay}"/>
        <telerikPrimitives:RadPopup.Popup>
            <telerikPrimitives:RadPopup x:Name="popup"
                                    IsModal="True"
                                    OutsideBackgroundColor="#6F000000" 
                                    IsOpen="{Binding Path=PopUpShow, Mode=TwoWay}">
                <telerikPrimitives:RadBorder CornerRadius="8" 
                                            BackgroundColor="Wheat">
                    <Grid Padding="20">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="30" />
                            <RowDefinition Height="20" />
                            <RowDefinition Height="40" />
                        </Grid.RowDefinitions>
                        <Button Grid.Row="0"
                            Padding="2"
                            HorizontalOptions="End" 
                            Text="Send"
                            Clicked="ClosePopup"/>
                        <Label Grid.Row="2" Text="{Binding Path=PopUpMessage}" />
                    </Grid>
                </telerikPrimitives:RadBorder>
            </telerikPrimitives:RadPopup>
        </telerikPrimitives:RadPopup.Popup>
    </StackLayout>
</ContentPage.Content>

Workaround: set VerticalOptions="StartAndExpand" to the StackLayout

Completed
Last Updated: 15 May 2019 13:53 by ADMIN
Release R2 2019
The RadPopup is not centered on a UWP device with display scaling different from 100%.
Completed
Last Updated: 18 Sep 2019 08:49 by ADMIN
Release R3 2019
The overlay background does not cover all of the screen on Android 7.0, it leaves space on the bottom, approximately the size of top status bar.
Completed
Last Updated: 03 Jun 2019 14:33 by ADMIN
Release 2019.2.603.360 (R2 2019 minor release)
When you have a Picker control inside the popup, and the picker items are shown, the popup is incorrectly repositioned on iOS.
Completed
Last Updated: 31 Jan 2019 15:49 by ADMIN
When typing the entry does not accept any input.