[Solved] BUG: RadListPicker popup fails when page root is StackPanel

[BillVo]

I found that my ListPicker control's popup either didn't appear or filled less than the whole screen.  I traced this to the root-level control of the PhoneApplicationPage.  When the root-level control is a StackPanel, RadListPicker malfunctions.

I'm attaching photos that demonstrate this problem.  I'm not able to attach the sample project I've prepared because of forum attachment restrictions.

<phone:PhoneApplicationPage xmlns:my="clr-namespace:Telerik_Test"
    x:Class="Telerik_Test.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input" xmlns:sys="clr-namespace:System;assembly=mscorlib" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--This outer (root-level) StackPanel is incompatible with RadListPicker's popup -->
    <StackPanel x:Name="LayoutRoot1" Background="Orange" Orientation="Vertical" Height="350" VerticalAlignment="Top">

        <Grid x:Name="LayoutRoot2" Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <!--TitlePanel contains the name of the application and page title-->
            <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
                <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
                <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
            </StackPanel>

            <!--ContentPanel - place additional content here-->
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" Background="Gainsboro">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="450" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="100" />
                </Grid.RowDefinitions>
                <telerikInput:RadListPicker Grid.Row="0" Grid.Column="0" >
                    <sys:String>None</sys:String>
                    <sys:String>1 minute</sys:String>
                    <sys:String>5 minutes</sys:String>
                    <sys:String>10 minutes</sys:String>
                    <sys:String>15 minutes</sys:String>
                    <sys:String>30 minutes</sys:String>
                    <sys:String>1 hour</sys:String>
                    <sys:String>18 hours</sys:String>
                </telerikInput:RadListPicker>
            </Grid>
        </Grid>

    </StackPanel>

</phone:PhoneApplicationPage>

[Deyan]

Hi Bill,

Thanks for writing.

This is a known limitation of all popup controls in the RadControls suite. It is easily workaround by using a Grid instead of StackPanel. Is there any specific reason you would want to use a StackPanel as a root layout panel in your application?

Regards,
Deyan
Telerik

[BillVo]

Thanks for your response.  I had no specific reason to use a StackPanel instead of a Grid, other than the fact that a StackPanel is simpler to code.

I wasted many hours to learn that RadListPicker is not compatible with StackPanel.  The control documentation's Overview and Getting Started articles make no mention of this limitation.  It should be documented in both of those articles. 

Perhaps it would be possible also for these popup controls to throw an exception if they are placed in a root StackPanel. 

[Kiril Stanoev]

Hello Bill,

 Sorry for the inconvenience caused. We will do our best to update the documentation as soon as possible.

Regards,
Kiril Stanoev
Telerik