c# - Can I create a proper drop down menu list in windows phone, nothing like Picker Box, ListPicker, AutoCompleteBox achieving my objective properly?

Question

I want to create a drop down menu in my windows phone silverlight application, from which user can select a mobile service provider amongst many of them, i.e user can select a Big Tv amonst Airtel Dth, Oxicash, Big Tv etc.

Why everyone suggesting to other options for this like ListPicker, AutoCompleteBox, PickerBox etc?

Here is the code for ListPicker,when I select an item,there is a weird vibration in the list, pleaase let me know where i am doing wrong?

<phone:PhoneApplicationPage 
x:Class="ListPickedDemo.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"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
 xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

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="ContentPanell" Grid.Row="1" Margin="12,0,12,0">

        <toolkit:ListPicker Margin="12,6,6,302" Name="lstPicker">

            <toolkit:ListPickerItem Content="First Item" />

            <toolkit:ListPickerItem Content="Second Item" />

            <toolkit:ListPickerItem Content="Third Item" />

        </toolkit:ListPicker>

    </Grid>
</Grid>

<!--Sample code showing usage of ApplicationBar-->
<!--<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
            <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
        </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>-->

I have used ListPicker AutoCompleteox etc. Nothing is achiving my objective properly,please help me out. Thanks!

Answer 1

The ListPicker has a property ItemCountThreshold. This property allows you to specify when the ListPicker should display the full screen selector. This property defaults to 5. You can change the default to a much high number, but you should take caution with doing this. The ListPicker is meant to mimic controls that are used throughout the core apps (like Settings) of the phone. You'd have a hard time finding built in apps that show more than five items in the "dropdown".

When displaying in FullMode, you should specify a FullModeItemTemplate and FullModeHeader. The FullModeHeader should be in all caps