BUG: RadListPicker popup fails when page root is StackPanel

4 posts, 0 answers
  1. BillVo
    BillVo avatar
    12 posts
    Member since:
    Aug 2010

    Posted 27 Aug 2013 Link to this post

    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:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
        xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
        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>
  2. Deyan
    Admin
    Deyan avatar
    2037 posts

    Posted 28 Aug 2013 Link to this post

    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
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINDOWS PHONE 7.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  3. DevCraft banner
  4. BillVo
    BillVo avatar
    12 posts
    Member since:
    Aug 2010

    Posted 28 Aug 2013 Link to this post

    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. 

  5. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1511 posts

    Posted 29 Aug 2013 Link to this post

    Hello Bill,

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

    Regards,
    Kiril Stanoev
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINDOWS PHONE 7.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
Back to Top