[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Site Map Control
   [Collapse]Tag Cloud Control
    [Expand]Visual Elements
   [Expand]Title Index
   [Expand]Tree View
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Tag Cloud Control

The ASPxCloudControl brings a very popular web navigation and data analysis UI onto web pages. It organizes hyperlinks by automatically arranging them within the specified area, and indicating their weight (importance) using fonts of different size, different colors and even weight value display. Such data presentation is crucial for sites that allow you to tag content elements (images, articles, etc). In these sites, you can display tags within the ASPxCloudControl, and so provide easy access to elements by their content. Link weight display allows web page visitors to quickly locate the most important information, most frequently visited pages, etc.


Following is the list of ASPxCloudControl features.

  • Automatic link coloring, according to link weight. You only need to specify two colors corresponding to the maximum and minimum value. All required shades will then be calculated automatically.
  • The ability to display weight values near links. You can customize value color, string format and offset from the corresponding link.
  • Customizable text to be displayed before and after each link. This text allows you to separate neighboring links that have the same weight.
  • Customizable rank count. This specifies the number of size grades available for links. For instance, if you specify 1, all links will have the same size regardless of their weights. The more size grades are available, the more font sizes are available, and the bigger the difference between the minimum and maximum font size.
  • Link sizes can be determined using either linear or logarithmic scale.
  • By default, links are displayed in the same order they are in the data source. The ASPxCloudControl also allows you to sort links alphabetically. This way, web-page visitors will have two ways to find the desired link - using either the alphabetic order or the importance factor.

Expanded Example

The following example illustrates how to obtain the Text property value of a clicked Iiem on the client side.

Is this topic helpful?​​​​​​​