Dave Burke : Freelance .NET Web Developer specializing in Online Communities

Tags Everywhere! The Sueetie Tag Cloud Control

Well, I guess this is it.  With the Tag Cloud Control we’ve taken Tags Everywhere! as far as we can take it for now.  I think we’re pretty darn close to a truly “tags everywhere” environment in Sueetie.  The only place I can think of where tags are not present is Sueetie Marketplace, and Marketplace isn’t a part of the Sueetie Package, at least it won’t be in Version 1.4.  Still I like to be complete, so look for tags on Marketplace products then onto other cool stuff I can’t tell you about yet.

The New Sueetie Tag Cloud Control

Since Sueetie's "Tags Everywhere!" architecture extends across all applications we needed a robust tag cloud control to get the most of our tags, and the Sueetie Tag Control is as easy to use as it is robust. It generates tag clouds like those seen on the site home page.

Image 

Tag Clouds by Application Type

The Sueetie Tag Cloud Control supports the generation of tags for all site tags in a single cloud (like on the Sueetie.com home page), tags by application (a specific blog, for instance) or by application type (blogs, which would include all blogs.) To make it easy to select the application type the Sueetie Tag Cloud Control provides a application selection through Intellisense using the TagCloudContents property.

Image

Tag Clouds by Application

You can also display tags by application. For instance, you may want to display tags for an individual blog, or you may have multiple media galleries and you want to show tags for a specific gallery. To display tags by application you would use the ApplicationID property when using the Tag Cloud Control.

Image

Application IDs are displayed on the Applications Listing in Sueetie Administration.

Image

Controlling the number of tags displayed in the cloud

You can change the number of tags displayed in the cloud by using the CloudTagNum property.

Image

Styling the Tag Cloud

The Sueetie Tag Cloud control uses the tag cloud generation logic found in BlogEngine.NET. It creates a UL html control with each tag element an inline LI html control with a specific class based on the tag's weight, or its number of uses compared to the maximum tag use count. The classes assigned to the LI html control range from smallest to biggest. You'll see that in this code excerpt generating each tag's weight, i.e., its LI class.

Image

The default class assigned to the UL html control is "ulTags." You can change that by using the CssClass property in the Sueetie Tag Cloud control.

Comments (0) | Post RSS RSS comment feed

Posted on 9/10/2010 11:27:32 AM by Dave Burke
Categories: Sueetie
Tags: | |

Related posts


Powered by BlogEngine.NET 2.0.0.36
Theme by Dave Burke