How to display the tag clouds

Topics: General, Troubleshooting
Jan 21, 2013 at 8:51 AM

Hi,

I want to display the tag links in home page. Can you please let me know how to display the list of tag links in orchard home page?

Developer
Jan 21, 2013 at 9:01 AM

This module has a Tag Cloud feature: http://gallery.orchardproject.net/List/Modules/Orchard.Module.Vandelay.Industries

Jan 21, 2013 at 12:13 PM

Hi,

Thanks for your response. Can you please let me know how to use this module?

Developer
Jan 21, 2013 at 1:10 PM

Sure. Install it, enable the feature, and drop the widget on to any zone. http://vandelay.codeplex.com/

Jan 22, 2013 at 4:29 AM

Hi,

Can you please let me know how to install vandelay.industries feature?

 

I have included it in orchard source. What can i do to use this feature?

Developer
Jan 22, 2013 at 9:17 AM

From the dashboard, go to Modules, search for the Tag Cloud feature, and enable it.

Jan 22, 2013 at 9:27 AM

Hi,

Thank you for your help. My issue got resolved. Can you please help me to add list of bloggers in home page?

Feb 21, 2013 at 12:20 PM
Hi,
Can you please let me know how to add the tag cloud based on the weight of the tag item?

For Ex: The tag which has higher weigh will be displayed in very large font other highest tag will be displayed in next larger font size. Also the tag will not be displayed as list. It should be displayed continuously like below.
asp asp.net mvc silverlight windowsforms

Can you please let me how to implement this?
Developer
Feb 21, 2013 at 9:03 PM
Sure. The default view renders each tag as an LI element which has a class applied with a weight (see the documentation of the module).
To achieve what you are looking for, either apply the required CSS (e.g. use inline-block or float:left), or completely override the view and go from there.
Coordinator
Feb 22, 2013 at 6:07 AM
Here is the css that I use:
/* Tag Cloud */
ul.tagCloud { list-style: none; }
li.tagCloud-tag { display: inline; }
.tagCloud-tag a { border: none; }
.tagCloud-1 { font-size: 1em; }
.tagCloud-2 { font-size: 1.1em; }
.tagCloud-3 { font-size: 1.2em; }
.tagCloud-4 { font-size: 1.3em; }
.tagCloud-5 { font-size: 1.4em; }
.tagCloud-6 { font-size: 1.5em; }
.tagCloud-7 { font-size: 1.6em; }
.tagCloud-8 { font-size: 1.7em; }
.tagCloud-9 { font-size: 1.8em; }
.tagCloud-10 { font-size: 1.9em; }
Feb 27, 2013 at 5:25 AM
Hi,
Can you please explain how to categorize the tag cloud based on their weight?
For Ex:
if the tag count is more than 10 it should comes under the class largest
if the tag count is more than 5 it should comes under the class name smallest
Coordinator
Feb 27, 2013 at 5:51 AM
I just told you.
Mar 5, 2013 at 12:37 PM
Hi,
I want to categorize the tag list in code not in css. can you please let me know how to categorize the tag list in .cs file?
I am not able to find the tag cloud related code in orchard source.
Developer
Mar 7, 2013 at 1:22 AM
You mean there's no tag cloud related code in the Orchard.Module.Vandelay.Industries module?
Mar 7, 2013 at 6:29 AM
Hi,
Yes. I cant find any tag cloud related code in orchard source.
Coordinator
Mar 7, 2013 at 9:15 PM
I don't understand what that means, sorry: "I want to categorize the tag list in code not in css. can you please let me know how to categorize the tag list in .cs file?"