Scrolling Panel for Horizontal Timeline of Images

4 posts, 0 answers
  1. Dan
    Dan avatar
    2 posts
    Member since:
    Apr 2016

    Posted 10 Feb Link to this post

    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

     

  2. Hristo
    Admin
    Hristo avatar
    1028 posts

    Posted 13 Feb Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Dan
    Dan avatar
    2 posts
    Member since:
    Apr 2016

    Posted 13 Feb in reply to Hristo Link to this post

    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

  4. Hristo
    Admin
    Hristo avatar
    1028 posts

    Posted 14 Feb Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top