Thumbnail list and selected Image

[Uli]

I need create a view, which shows the list of image thumbnails in the left and the selected image in the right just like AcrobatReader for PDF pages.

Which controls shall I use? Have you any example project?

[Martin Ivanov]

Hello Uli,

To achieve your requirement, you can use RadListBox to show the image thumbnails and an Image control to display the selected image. Here is an example in XAML. I hope this helps:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150"/>
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <telerik:RadListBox x:Name="listBox" ItemsSource="{Binding MyImages}">
        <telerik:RadListBox.ItemTemplate>
            <DataTemplate>
                <Image Source="{Binding ImagePath}" />
            </DataTemplate>
        </telerik:RadListBox.ItemTemplate>
    </telerik:RadListBox>
    <Image Source="{Binding ElementName=listBox, Path=SelectedItem.ImagePath }" Grid.Column="1"/>
</Grid>

Regards,
Martin Ivanov
Progress Telerik

[Uli]

Thx! I've done like that.