RadListBox takes lot of time to load the UI

4 posts, 0 answers
  1. Nidhi
    Nidhi avatar
    2 posts
    Member since:
    May 2019

    Posted 20 May Link to this post

    Hi,

     

    I am using RadListBox for one of my project and are binding the data into the box using Observable collections but its take a long time to render the UI for around 500 items onto the UI.

  2. Vladimir Stoyanov
    Admin
    Vladimir Stoyanov avatar
    480 posts

    Posted 21 May Link to this post

    Hello Nidhi,

    Speaking generally, the RadListBox has a VirtualizingStackPanel as its ItemsPanel, which means that only the items which are currently in the viewport will be generated.

    May I ask you to check whether you have placed the control in a element, which measures it with infinity, as this will disable the UI Virtualization? Such elements are StackPanel, ScrollViewer or Grid's Row/Column with Height/Width set to Auto. If that is the case, you can either place the RadListBox in an element that does not measure it with infinity or explicitly set the Height property. Please, give this suggestion a try and let me know how it goes.

    If the above suggestion does not help, may I ask you to share some sample code demonstrating how the RadListBox is defined, so that I can check the scenario on my end?

    I am looking forward to your reply.

    Regards,
    Vladimir Stoyanov
    Progress Telerik
    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. Nidhi
    Nidhi avatar
    2 posts
    Member since:
    May 2019

    Posted 21 May in reply to Vladimir Stoyanov Link to this post

    Please have a look at the attached control and suggest what all we can do to improve on the performance since I tried what you suggested but it did not work for me.
  4. Vladimir Stoyanov
    Admin
    Vladimir Stoyanov avatar
    480 posts

    Posted 22 May Link to this post

    Hello Nidhi,

    Thank you for the attached picture.

    I created a sample project based on the shared code, however I was not able to observe any performance issues on my end. That is why I am attaching the project, which I used for testing purposes.

    May I ask you to check it out and see how it differs from the setup on your end? Should you need any further assistance, can you modify the sample project in order to replicate the observed on your end result and send it back in a new support ticket (since .zip files cannot be attached to a forum thread). This way I will be able to investigate the scenario and further assist you.

    Thank you in advance for any help you can provide.

    Regards,
    Vladimir Stoyanov
    Progress Telerik
    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