Scrolling Panel for Horizontal Timeline of Images

[Dan]

Hi:

I am currently using the flowlayoutpanel in a Winforms application to build a horizontal timeline of thumbnail images.  This can contain several hundred thumbnails (as many as 500).   I've included a screenshot...

The problem with flowlayoutpanel (as well as the .net panel control) is that once the thumbnail layout becomes wider than 32,767 pixels, the control will no longer populate.   This is a big problem for my application.  Attempts to work around this have thus far been unsuccessful due to complexity and extremely poor performance.

Does Telerik have a scrollable panel that will allow me to populate with more?     If so I will purchase immediately!

 

Des

 

[Hristo]

Hello Dan,

Thank you for writing.

The observed behavior is a Windows limitation. Achieving your task is, however, possible. You need to work with a virtualized control and a suitable one for this scenario is RadListView. You will need to set it up in IconsView and with a horizontal orientation: 

this.radListView1.ViewType = ListViewType.IconsView;
((IconListViewElement)this.radListView1.ListViewElement.ViewElement).Orientation = Orientation.Horizontal;

I hope this helps. Should you have further questions please do not hesitate to write back.

Regards,
Hristo
Telerik by Progress

[Dan]

Thank you for this.  Does this mean each item will need to be an icon?  Each item in my timeline is actually a custom "frame" control with properties and methods of its own.  So will this be able to host these controls?

If they must be icons I suppose I could add an icon property to each "frame" control and populate the radListView with those and use the index to reference the appropriate frame control...

Des

[Hristo]

Hello Dan,

Thank you for writing.

Each image will represent an item loaded in your RadListView. You can directly set the Image property of the RadListViewDataItems you are creating. The following article shows how you can populate data in the control in unbound mode: http://docs.telerik.com/devtools/winforms/listview/populating-with-data/unbound-mode.

Depending on your scenario you may also consider creating custom visual items: http://docs.telerik.com/devtools/winforms/listview/custom-items.

I hope this helps. Please let me know if you need further assistance.

Regards,
Hristo
Telerik by Progress