Change FullScreen Design for ListPicker

Question

I have been working with WP7 for a while using ListPicker / DatePicker. I hate its design though. I am using the liskPicker ExpansionMode = "FullScreenOnly" property. I tried to make these controls more beautiful

// Set the source to FullModeItemTemplate FullModeItemTemplate="{StaticResource lpkFullItemTemplate}"

// the definition of this resource is as follows:

 <DataTemplate x:Name="lpkFullItemTemplate"> <StackPanel Orientation="Horizontal" Margin="5 5 5 5" Background="#FFA3A3A3" Width="475" Height="45" > <TextBlock Text="{Binding}" Foreground="Black" Margin="5 5 15 5" /> </StackPanel> </DataTemplate> 

I need real changes, a change in the background of this popup and such changes, is this possible? or do I need to create my own popup from scratch?

Answer 1

To do this, you will need to create a copy of the ListPickerPage.xaml file from the Silverlight for Windows Phone Toolkit in the application, change it to your requirements, and then in the ListPicker control set PickerPageUri proprety to the new ListPickerPage.xaml file

Answer 2

I would like to improve Pedro's answer, but I still cannot comment. You can see some people asking questions there.

To copy ListPickerPage , you will need ListPickerPage.xaml and ListPickerPage.xaml.cs . If you want these files to be compiled, you need some extension methods defined on Extensions.cs , ItemsControlExtensions.cs and VisualTreeExtensions.cs . You can either copy these three files or cherry pick the methods you need and add them to your own file.