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

Choose Images in DropDown

2 Answers 314 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
bla
Top achievements
Rank 1
Veteran
bla asked on 18 Sep 2020, 09:17 AM

Hi guys, I would like to have a selection function like in a DropDownList, but not with lines of text to pick, but with images preferredly arranged as a grid instead of a list. See the attached image to see what I mean ;).

Is this possible in a DropDownList or another Telerik control?

A workaround  I made up, of course, by cancelling the opening event of the DropDownList and make some panel with images visible. But that is worked pretty far around.

Thank you in advance!

2 Answers, 1 is accepted

Sort by
0
bla
Top achievements
Rank 1
Veteran
answered on 18 Sep 2020, 10:15 AM
Here is the sample image.
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 18 Sep 2020, 01:26 PM

Hello,  

The provided screenshot is greatly appreciated. 

In order to achieve a similar design, it is appropriate to use a RadPopupEditor and host a RadListView with icon view in its container. The IconView displays the list items in icons, in a manner that you surely are familiar with from the Windows Explorer. Its Orientation property determines how the icons will be displayed:

The following help articles are quite useful about how to get started with both controls and achieve the requirement you have:
https://docs.telerik.com/devtools/winforms/controls/editors/popupeditor/popupeditor 
https://docs.telerik.com/devtools/winforms/controls/editors/popupeditor/getting-started 
https://docs.telerik.com/devtools/winforms/controls/listview/listview 
https://docs.telerik.com/devtools/winforms/controls/listview/views 

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Tags
DropDownList
Asked by
bla
Top achievements
Rank 1
Veteran
Answers by
bla
Top achievements
Rank 1
Veteran
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or