Question

I have a Combobox where user can choose an icon. I’d like the dropdown to be displayed as a gallery.

So instead of showing each icon vertically in the dropdown like:

Combobox
   Image
   Image
   Image
   Image
   Image
   Image
   ...

I’d like the dropdown to be shown like:

Combobox
   Image Image Image Image
   Image Image Image Image
   Image Image Image Image
   Image Image Image Image
   ...

I tried doing:

<ComboBox Height="50" Width="60" ItemsSource="{Binding Path=Icons}">
         <ComboBox.ItemTemplate>
            <DataTemplate>
                <WrapPanel  Orientation="Horizontal" Width="400">
                        <Image Source="{Binding myImage, Converter={StaticResource imageConverter}}" Width="32" Height="32"/>
                </WrapPanel>
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>

But that didn’t seem to work, does anyone have any ideas how to go about this?

Answer 1

This seems to work, though I haven’t tried it with images:

<ComboBox Height="20" Width="100">
    <ComboBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Width="150" />
        </ItemsPanelTemplate>
    </ComboBox.ItemsPanel>
</ComboBox>