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

RadListBox takes lot of time to load the UI

3 Answers 59 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Nidhi
Top achievements
Rank 1
Nidhi asked on 20 May 2019, 06:13 AM

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.

3 Answers, 1 is accepted

Sort by
0
Vladimir Stoyanov
Telerik team
answered on 21 May 2019, 11:04 AM
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.
0
Nidhi
Top achievements
Rank 1
answered on 21 May 2019, 11:51 AM
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.
0
Vladimir Stoyanov
Telerik team
answered on 22 May 2019, 01:31 PM
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.
Tags
ListBox
Asked by
Nidhi
Top achievements
Rank 1
Answers by
Vladimir Stoyanov
Telerik team
Nidhi
Top achievements
Rank 1
Share this question
or