This is a migrated thread and some comments may be shown as answers.

BUG: RadListPicker popup fails when page root is StackPanel

3 Answers 33 Views
ListPicker
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
BillVo
Top achievements
Rank 1
BillVo asked on 27 Aug 2013, 06:12 PM
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>

3 Answers, 1 is accepted

Sort by
0
Deyan
Telerik team
answered on 28 Aug 2013, 07:16 AM
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 >>
0
BillVo
Top achievements
Rank 1
answered on 28 Aug 2013, 01:32 PM
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. 

0
Kiril Stanoev
Telerik team
answered on 29 Aug 2013, 08:26 AM
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 >>
Tags
ListPicker
Asked by
BillVo
Top achievements
Rank 1
Answers by
Deyan
Telerik team
BillVo
Top achievements
Rank 1
Kiril Stanoev
Telerik team
Share this question
or