Thumbnail list and selected Image

3 posts, 0 answers
  1. Uli
    Uli avatar
    12 posts
    Member since:
    Sep 2019

    Posted 06 Sep 2019 Link to this post

    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. Martin Ivanov
    Admin
    Martin Ivanov avatar
    2444 posts

    Posted 10 Sep 2019 Link to this post

    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.
  3. Uli
    Uli avatar
    12 posts
    Member since:
    Sep 2019

    Posted 10 Sep 2019 in reply to Martin Ivanov Link to this post

    Thx! I've done like that.
Back to Top