I want combobox having contentitem which has template different than selected Item, eg. Dropdown contains items which are images with name but when any item is selected, I want to display only image name not image as selected.
<ComboBox >
<ComboBoxItem IsSelected="True">
<StackPanel Orientation="Horizontal">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.7*"/>
<RowDefinition Height="0.3*"/>
</Grid.RowDefinitions>
<Rectangle Stroke="#FFA9CF34" Grid.RowSpan="2" RadiusX="2" RadiusY="2"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.RowSpan="2" Margin="2,0,2,2"><Run Text="Level 1"/></TextBlock>
<Image Source="D:\Level1.png" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center" Width="150" Height="100" />
</Grid>
</StackPanel>
</ComboBoxItem>
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.7*"/>
<RowDefinition Height="0.3*"/>
</Grid.RowDefinitions>
<Rectangle Stroke="#FFA9CF34" Grid.RowSpan="2" RadiusX="2" RadiusY="2"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.RowSpan="2" Margin="2,0,2,2"><Run Text="Level 2"/></TextBlock>
<Image Source="D:\Level2.png" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center" Width="150" Height="100" />
</Grid>
</StackPanel>
</ComboBoxItem>
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.7*"/>
<RowDefinition Height="0.3*"/>
</Grid.RowDefinitions>
<Rectangle Stroke="#FFA9CF34" Grid.RowSpan="2" RadiusX="2" RadiusY="2"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.RowSpan="2" Margin="2,0,2,2"><Run Text="Level 3"/></TextBlock>
<Image Source="D:\Level3.png" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center" Width="150" Height="100" />
</Grid>
</StackPanel>
</ComboBoxItem>
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.7*"/>
<RowDefinition Height="0.3*"/>
</Grid.RowDefinitions>
<Rectangle Stroke="#FFA9CF34" Grid.RowSpan="2" RadiusX="2" RadiusY="2"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.RowSpan="2" Margin="2,0,2,2"><Run Text="Level 4"/></TextBlock>
<Image Source="D:\Level 4.png" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center" Width="150" Height="100" />
</Grid>
</StackPanel>
</ComboBoxItem>
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.7*"/>
<RowDefinition Height="0.3*"/>
</Grid.RowDefinitions>
<Rectangle Stroke="#FFA9CF34" Grid.RowSpan="2" RadiusX="2" RadiusY="2"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.RowSpan="2" Margin="2,0,2,2"><Run Text="Level 5"/></TextBlock>
<Image Source="D:\Level 5.png" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center" Width="150" Height="100" />
</Grid>
</StackPanel>
</ComboBoxItem>
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.7*"/>
<RowDefinition Height="0.3*"/>
</Grid.RowDefinitions>
<Rectangle Stroke="#FFA9CF34" Grid.RowSpan="2" RadiusX="2" RadiusY="2"/>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.RowSpan="2" Margin="2,0,2,2"><Run Text="Level 6"/></TextBlock>
<Image Source="D:\Level 6.png" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center" Width="150" Height="100" />
</Grid>
</StackPanel>
</ComboBoxItem>
</ComboBox>