Pagination in ImageBrowser of Kendo Editor

1 Answer 114 Views
Editor ImageEditor Loader Pager
Trusha
Top achievements
Rank 1
Iron
Trusha asked on 24 Jun 2022, 11:13 AM | edited on 24 Jun 2022, 11:14 AM

Hello,

I am working with application where I have thousands of images to load on ImageBrowser of Kendo Editor.

ImageBrowser is getting stuck as having too many images to load, Can we have any option to add pagination or lazy loading in ImageBrowser?

So, I can load only 20 images at a time and other based on request.

Please note that I am fetching images from controller method which returns list of FileBrowserEntry as below.

 

 

Thanks,

Trusha

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Martin
Telerik team
answered on 29 Jun 2022, 11:14 AM

Hello, Trusha,

Currently pagination is not available in the ImageBrowser. You can open a new feature request in our Feedback Portal so that we can track the demand towards the feature.

Regards,
Martin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Trusha
Top achievements
Rank 1
Iron
commented on 29 Jun 2022, 11:17 AM | edited

Thanks Martin for the update.

I have added request for the same on feedback portal, here is the link for the same.

https://feedback.telerik.com/aspnet-core-ui/1570876-how-can-i-add-pagination-to-imagebrowser-of-kendo-editor

 

Regards,

Trusha

 

Martin
Telerik team
commented on 29 Jun 2022, 11:51 AM

Thank you for submitting the feature request. In the meantime, please try this workaround - https://dojo.telerik.com/@iankodj/oPeMOlIQ

 

Trusha
Top achievements
Rank 1
Iron
commented on 29 Jun 2022, 12:53 PM

Thanks Martin,

I have tried as per this demo, and as a result I got 5 images in listview but didn't get pagination bar on my ImageBrowser as shown in attachment.

Can you suggest me example where ImageBrowser is getting loaded by HtmlHelper as below image? I am using the same and already have too many CustomTemplates and settings there, so it is difficult to move to Jquery call.

 

 

Trusha
Top achievements
Rank 1
Iron
commented on 30 Jun 2022, 10:53 AM

I have added pager div to ImageBrowser as below,

$(".k-imagebrowser .k-filebrowser-toolbar .k-toolbar-spacer").html('<div class="k-page-wrap"><div id="pager"></div></div>');

and it is now showing pagination bar.

But it gives client side pagination, Do we have any option to do server side pagination for Read method of ImageBrowser?

 

Thanks

Johhny
Top achievements
Rank 1
Iron
commented on 30 Jun 2022, 12:42 PM

Thanks that was helpful.
Neli
Telerik team
commented on 04 Jul 2022, 08:03 AM

Hi Trusha,

I am afraid that currently the ImageBrowser widget does not prvoide the possibility of serverside paging.

Regards,

Neli

Trusha
Top achievements
Rank 1
Iron
commented on 04 Jul 2022, 10:38 AM

Thanks Neli for the update.

Tags
Editor ImageEditor Loader Pager
Asked by
Trusha
Top achievements
Rank 1
Iron
Answers by
Martin
Telerik team
Share this question
or