Active Forums 4.3 includes an ASP.NET server control that will allow you to display a custom tag cloud from tags within Active Forums. You can use Active Social, a custom module or a third-party module that allows you load custom controls. This document will outline the steps for creating a custom view in Active Social for the tag cloud.
Creating the Custom View
- Go to the Active Social control panel and click on the Design Icon then click Social Templates.
- Click the "New Template" option and click Create a Blank Template.
- Choose "Other" for template type and choose "Custom View" for the "Save To" option.
- Enter a name for the custom view. For example, ActiveForumsTagCloud.
- Click the Save button to create the view.
- Enter the following into the text editor window for the custom view:
<%@ Register TagPrefix="af" Namespace="Active.Modules.Forums.Controls" assembly="Active.Modules.Forums.40" %>
<af:tagcloud ModuleId="123" PortalId="0" tabid="11" TagCount="30" runat="server" />
- You will need to replace ModuleId, PortalId and TabId with your own values. The easiest way to find these values is to open the Active Forums Control Panel. In the URL you will see TabId and Mid which will be the values you want to enter above.
- Click Save in the template editor.
Adding the Tag Cloud to a Page
- Navigate to the page where you wish to display the tag cloud.
- Add a new Active Social Module to the page.
- Click the Active Social button to open the social view settings.
- Choose the Custom View you created for the tag cloud.
- Click Save.
Modify Font Colors and Sizes
Each tag is randomly assigned one of three css classes: tagcssone, tagcsstwo, tagcssthree. Add the following to your portal.css file to create a layout similar to the tag cloud on activemodules.com.
.tagcssone a{font-size:12px;color:#666;}
.tagcsstwo a{font-size:14px;color:#999;}
.tagcssthree a{font-size:18px;font-weight:bold;color:#000;}