This is a migrated thread and some comments may be shown as answers.

Thumbnail list and selected Image

2 Answers 218 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Uli
Top achievements
Rank 1
Veteran
Uli asked on 06 Sep 2019, 03:48 PM

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?

2 Answers, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 10 Sep 2019, 11:26 AM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Uli
Top achievements
Rank 1
Veteran
answered on 10 Sep 2019, 11:39 AM
Thx! I've done like that.
Tags
General Discussions
Asked by
Uli
Top achievements
Rank 1
Veteran
Answers by
Martin Ivanov
Telerik team
Uli
Top achievements
Rank 1
Veteran
Share this question
or