ListPicker only shows first item? - xaml

Question

I'm using the Windows Phone Toolkit (latest version installed via NuGet) to create a ListPicker on my Windows Phone page. I've defined a simple ListPicker as follows:
<toolkit:ListPicker Name="lstPicker">
<toolkit:ListPickerItem Content="First Item" />
<toolkit:ListPickerItem Content="Second Item" />
<toolkit:ListPickerItem Content="Third Item" />
</toolkit:ListPicker>
But when I run the app all I see is the first item. Having searched around I can see this is an old bug from 2011 (only the first listpicker opens windows phone) but as I installed from Nuget I should have the latest version. I've also tried downloading the source from CodePlex and referencing a local build but I get the same problem.
This is a Windows Phone 7.1 application so I'm referencing the WP7 assembly.
Anyone know what might cause this in an application?
Thanks

Answer 1

Take a look at the ListPickerMode property.
Normal (this is the default value) - only the selected item is visible on the original pag.
Expanded - all items are visible on the original page.
Full -all items are visible in a separate Popup.
I tried your xaml and it worked fine for me. I referenced the Aug13 toolkit. Here is my full xaml:
<phone:PhoneApplicationPage
x:Class="ListpickerExpanding.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:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
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">
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" 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">
<toolkit:ListPicker Name="lstPicker">
<toolkit:ListPickerItem Content="First Item" />
<toolkit:ListPickerItem Content="Second Item" />
<toolkit:ListPickerItem Content="Third Item" />
</toolkit:ListPicker>
</Grid>
</Grid>
if you are still having problems, please paste your full xaml here.