Need Guidance Using TagCloud in ASP.NET MVC with Dynamic Data

[Alina Williams]

Hi everyone,

I’m currently working on an ASP.NET MVC project where I’m integrating the Syncfusion TagCloud control. The requirement is to display dynamic tags pulled from a database, with each tag sized based on its frequency of usage. The setup works fine with static data, but I’m running into some challenges when binding large sets of dynamic data.

Specifically, the issues I’m seeing are:

• When the tag count is high, the rendering feels a bit slow, and the UI doesn’t look as smooth as expected. Are there recommended ways to optimize the performance for larger datasets?

• I want to make the TagCloud interactive — for example, when users click a tag, it should filter and redirect to a related page. Is there a built-in event handler for this, or should I wire it up manually?

• Lastly, this project will eventually be hosted in our cloud service environment, so I’d like to make sure the TagCloud works well with asynchronous data loading. Does Syncfusion have best practices or samples for loading tag data via an API or controller action instead of binding everything at once?

If anyone here has experience using the TagCloud control in ASP.NET MVC with dynamic or large datasets, I’d really appreciate your tips. Even a small code snippet or performance tweak suggestion would be super helpful.

Thanks in advance!

[LeoLavanya Dhanaraj]

Hi Alina,

Greetings from Syncfusion support.

Based on the details you provided, we understand that you are facing some issues with the TagCloud control. We would like to inform you that our EJ1 products have been declared as retired since our Volume 4 SP release, and there will not be further active support, bug fixes or improvement to the EJ1 controls. Please refer to the release notes and KB for further information.

Release Notes : https://help.syncfusion.com/js/release-notes/v20.4.0.44?type=all

KB : https://support.syncfusion.com/kb/article/15550/syncfusion-ej1-products-have-been-marked-as-retired

The EJ2 components offer many new features and capabilities and are designed to be compatible with EJ1 components. We have also included a link to our compatibility documentation for your reference.

Compatibility documentation : https://help.syncfusion.com/js/compatibility-ej1-ej2       

We recommend considering the use of the EJ2 components and have included a link to the documentation for your reference. The Chip component provides a variety of features, including the ability to customize the appearance, add icons, and handle events such as selection(click) and removal(delete). So, you can customize(page navigation) the Chip component by using the Click event.

Feature tour : https://www.syncfusion.com/javascript-ui-controls

EJ2 documentation :
https://ej2.syncfusion.com/javascript/documentation/chips/getting-started

EJ2 Demo : https://ej2.syncfusion.com/javascript/demos/#/tailwind3/chips/default.html

API reference : https://ej2.syncfusion.com/javascript/documentation/api/chips

Refer the shared details and get back to us if you need any further assistance.

Regards,

Leo Lavanya Dhanaraj