IsVirtualizing="True" loads tiles faster, however scrolling lags now

4 posts, 0 answers
  1. Jonathon
    Jonathon avatar
    50 posts
    Member since:
    Aug 2011

    Posted 01 Nov 2011 Link to this post

    Hi,

    I have a lot of items being displayed on the page. When I set IsVirtualizing="True", the tiles load up faster, however, now when I try to scroll through them it lags pretty bad. Is there a reason why scrolling is now performing poorly and is there a way to fix it?

    Thanks,

    Jonathon
  2. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 04 Nov 2011 Link to this post

    Hello Jonathon,

    During the virtualization process, the RadTileViewItems are generated when you scroll up and down.That is why the performance depends on the type of controls you use in the TileViewItems. For example you cannot expect great performance if you have thousands of RadTileViewItems that contain RadGridViews.
    Having this in mind, could you please elaborate more on your scenario so that we would be better able to investigate it and advice you ? Thank you in advance.

    Kind regards,
    Petar Mladenov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
  4. Jonathon
    Jonathon avatar
    50 posts
    Member since:
    Aug 2011

    Posted 04 Nov 2011 Link to this post

    Hi Petar,

    There are 4 images using a string to object converter, 25x25pixels, a close button to the right of maximize, 6 textblocks with images to the left of each, and a headeritemscontrol that acts like a grid. Taking out the headeritemscontrol it performs a little better but still lags if you move the scrollbar. The amount of tiles on the screen is usually between 12 and 44 tiles.

    Thanks,

    Jonathon
  5. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 09 Nov 2011 Link to this post

    Hello Jonathon,
    I created a sample project from your description - a TileViewItem with 10 images, 6 textblocks and a button and it is performing ok according to me. With UI Virtualization it's normal to have a some lag when you scroll because if you scroll fast at some moment the RadTileView will have to generate 3-4 rows or 21 - 28 RadTileViewItems which is a lot.
    You may increase the performance by decreasing the number of tiles in a row - this means less containers for generating on scrolling.
    Also if the loading time without virtualization is not very long (1-2 secs) you may try to use the RadTileView without the virtualization.
    I've attached the my sample project and if you have more questions please feel free to ask.

    Best wishes,
    Zarko
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top