By jay888 on

Hello,

I have a problem displaying tag clouds in a block. I using tagadelic module to display the tag cloud. The block is not displaying weighted tags (i.e more often a tag is used, the larger its font size). The tag cloud page at www.mysite.com/tagadelic is displaying a weighted tag cloud. But the tag cloud in the block is displaying all tags with the same size.

Does anybody know how to fix the weighted tag cloud block ?

Thanks
Jay

⋅ Categories: Drupal 4.7.x

Comments

alex_b’s picture

alex_b commented

Hi jay,

It's most probably a CSS error.

Be sure that your CSS theming is all right. Use tools like Firefox Web Developer Toolbar extension or the FireBug extension for debugging your code.

Alex

jay888’s picture

jay888 commented

I am using newsportal theme. The CSS for the block (using webdeveloper plugin for Mozilla) is

#left_side p, #right_side p (line 151)
{
margin-right-value: 10px;
margin-left-value: 10px;
margin-left-ltr-source: physical;
margin-left-rtl-source: physical;
margin-right-ltr-source: physical;
margin-right-rtl-source: physical;
margin-top: 15px;
margin-bottom: 15px;
font-family: verdana,arial,sans-serif;
font-size: 11px;
line-height: 16px;
color: rgb(51, 51, 51);
}

What changes should I make to CSS to show weighted tags ?

Thanks
Jay

jo1ene’s picture

jo1ene commented

On the chunk page view, the term links are just a string of words - as expected. In the block view, they are rendered as a bulleted list. I would expect a string of words a là chunk page. I am viewing the code when making these observations.

Block code: bulleted list == no cloud

<ul>
<li><a href="/taxonomy/term/5" title="view all posts tagged with &quot;guarantee&quot;">guarantee</a></li>
<li><a href="/taxonomy/term/1" title="view all posts tagged with &quot;services&quot;">services</a></li>
</ul>

Page code: string of words == cloud

<a href="/taxonomy/term/1" class="tagadelic level6">services</a> 
<a href="/taxonomy/term/7" class="tagadelic level1">news</a> 
<a href="/taxonomy/term/6" class="tagadelic level1">website</a> 
<a href="/taxonomy/term/3" class="tagadelic level1">commercial</a> 
<a href="/taxonomy/term/4" class="tagadelic level1">residential</a>

I am using 5.0 versions and tested with all core themes.

This is happening in the current post block.

Advanced Web Design

ericpugh’s picture

ericpugh
he/him
Primary language English
commented

did you ever solve this problem?

I have a similar (even worse) problem with Tagadelic. After having all kinds of problems I have the tags working, but they are not weighted. (meaning they are all the same font size, and in the html have been assigned the class="level1" no matter how many times the same tag has been entered.) I'm using community tags, tagadelic, and drupal 5.1

anybody have an idea what im missing here?

beekerstudios’s picture

beekerstudios commented

I basically had to create an explicit CSS entry in my stylesheet for the block.

#block-block-2 .tagadelic.level1 {
  font-size : .80em;
}
#block-block-2 .tagadelic.level2 {
  font-size : .90em;
}
#block-block-2 .tagadelic.level3 {
  font-size : 1em;
}
#block-block-2 .tagadelic.level4 {
  font-size : 1.1em;
}
#block-block-2 .tagadelic.level5 {
  font-size : 1.2em;
}
#block-block-2 .tagadelic.level6 {
  font-size : 1.3em;
}
#block-block-2 .tagadelic.level7 {
  font-size : 1.4em;
}
#block-block-2 .tagadelic.level8 {
  font-size : 1.5em;
}
#block-block-2 .tagadelic.level9 {
  font-size : 1.6em;
}
#block-block-2 .tagadelic.level10 {
  font-size : 1.7em;
}

This fine since I will have other clouds that will be in the page that will I don't want to have as small of text.

doublejosh’s picture

doublejosh commented

So weird, because those classes are basically what's in the module. Perhaps there was a problem when you FTPed the module.

Might I also recommend to any tagadelic users to try out a little opacity in the last two or three steps of link CSS classes. Looks hot.

tetramentis’s picture

tetramentis commented

I know this is and old thread, but...

I had the same problem today. A quick look with Firebug had shown that "A" style for blocks had an explicit font-size set, and that style was overriding tagadelic's level-styles.

The solution was to make an even more specific style for A.tagadelic with no font-size declaration (specific styling for A with no .tagadelic lead to block's style still overriding - by default - the font-size attribute).