Tag Cloud Not Resizing

MAD
@madc
10 years ago
600 posts

I have added the tag cloud to our home page in quite a large div.
No matter what I do it won't override the default height.
I have add this code to test and it doesn't change

{jrTags_cloud height="0px" assign="tag_cloud"}

Viewing the generated source it still says this

    function drawTagCloud() {
        $("#profile_tag_cloud").jQCloud(tags, {
            width: $('#tag_holder').width(),
            height: 250
        });

Anyone help out on resizing ( Nova Skin )

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 04/27/14 06:13:04PM

@douglas
10 years ago
2,791 posts

Have you tried removing the "px" in the height parameter? I don't think you want that in there.

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

MAD
@madc
10 years ago
600 posts

Nope that made no difference @douglas
i changed it to 900 ( instead of 900px ) and it still showed 250
Even measured it with ff addon measureit and yeah its still at 250

its on the front page
http://www.punkbandpromotions.com

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 03/11/14 06:48:34AM

MAD
@madc
10 years ago
600 posts

This is my code in my index.tpl

        <div class="col6">
                <div class="inner leader mb8 mr8">
                    <span class="title">{jrCore_lang  module="jrTags" id="6" default="Tag Cloud"}</span>
                </div>
                   {jrTags_cloud height="900" assign="tag_cloud"}
                     {if strlen($tag_cloud) > 0}
                         <div class="finner mb8 mr8" style="min-height:442px;">
                         {$tag_cloud}
                         </div>
                     {/if}
</div>

Problem is the JS is getting called after the height setting which is reverting to default?

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 03/11/14 06:58:01AM

@douglas
10 years ago
2,791 posts

Yeah, it is hard coded in the template for the module.

You can create a jrTags_tag_cloud.tpl for your skin directory and copy the code from the modules/jrTags/templates/tag_cloud.tpl file and change the height that way.

Hope this helps,
Douglas

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

MAD
@madc
10 years ago
600 posts

Ok That did it
Problem is it is site wide now that high
( profiles )
We only wanted to override for the home page
Any way of doing that while leaving the other areas alone?

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

MAD
@madc
10 years ago
600 posts

NVM I saw the code has two sections
solved

Anyway of populating the box with more tags? Seems like it is limited

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 03/11/14 07:30:35AM

@douglas
10 years ago
2,791 posts

In the template, do a check for the $selected variable and have two JS sections...

{if issest($selected) && $selected == 'home'}
new JS code here...
{else}
original JS code here...
{/if}

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

MAD
@madc
10 years ago
600 posts

Yeah I saw that before you posted ( my post above ) So how do I pull in more tags it seems like it is limited?

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

@brian
10 years ago
10,148 posts

MAD©:
Yeah I saw that before you posted ( my post above ) So how do I pull in more tags it seems like it is limited?

It is limited - the Tag cloud is a "heavy hitter" for Javascript, so the number of tags that get pulled in is set to 50 (I believe). You wouldn't want to go much higher as you'll get stuttering and freezing - especially on mobile devices.

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@douglas
10 years ago
2,791 posts

Create more tags to show more... there is a default limit, set at 500, but you can also add a limit parameter to the tag cloud function.

{jrTags_cloud limit="100" assign="tag_cloud"}

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

@brian
10 years ago
10,148 posts

Thanks Douglas - I thought it was set at 50 - 500 is huge!

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@douglas
10 years ago
2,791 posts

According to the include.php it looks like it is set to 500

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

MAD
@madc
10 years ago
600 posts

Thanks guys but I tried to add that to my section after assign and it did nothing.
Any thoughts?

@douglas is right upon looking

),
            'limit'         => 500,
            'return_keys'   => array('tag_url', 'tag_text'),

So i have no idea why I am only getting about thirty as we have over 300 tags so far

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 03/11/14 08:20:27AM

@brian
10 years ago
10,148 posts

MAD©:
Thanks guys but I tried to add that to my section after assign and it did nothing.
Any thoughts?

Are you talking adding a limit to the template function call? You may need to reset caches since the search items call is cached.

Hope this helps!

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

MAD
@madc
10 years ago
600 posts

code on front page with integrity check run and browser cache cleared and manually delted cache off server out of cache folder

{jrTags_cloud limit="300" assign="tag_cloud"}

Made no difference
Still only have around 25 results

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 03/11/14 08:25:14AM

@brian
10 years ago
10,148 posts

MAD©:
code on front page with integrity check run and browser cache cleared and manually delted cache off server out of cache folder

{jrTags_cloud limit="300" assign="tag_cloud"}

Made no difference
Still only have around 25 results

Do you have more than 25 different tags?

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

MAD
@madc
10 years ago
600 posts

Downloaded the tag keys and sorted/de-duplicated them and yes we have 575

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

@brian
10 years ago
10,148 posts

Just checked out the code, and turns out "limit" is the wrong one to set - you want to use "max_tags" - i.e.

{jrTags_cloud max_tags="50" assign="tag_cloud"}

Like I mentioned above though, I'd recommend not going really high on this setting though - the tags cloud is a browser killer when it gets to a significant number of tags.

Hope this helps!

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

MAD
@madc
10 years ago
600 posts

That worked fine and 50 is a good limit for our front page. Fills out the box nicely!
Thanks again @brian!

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

MAD
@madc
10 years ago
600 posts

Ok New problem. Tag cloud isn't being responsive.
This is an snapshot of a smaller screen
As you can see it isn't staying within the boundaries of the row
Any fix for this?

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

updated by @madc: 03/15/14 01:40:24AM

@michael
10 years ago
7,715 posts

check your timing on the drawTagCloud(); function

When I run drawTagCloud(); from firebug after the page has fully loaded, the tag cloud gets put into the profile at the correct width.

It feels like its firing too early. before the div is there.

-----
* open firebug after the page has loaded.
* Go to the CONSOLE tab
* in the right hand side paste 'drawTagCloud();'
* click the RUN button at the bottom of that section.

RESULT
The tag cloud is redrawn in the location where its supposed to be and it fits the width of the screen.

MAD
@madc
10 years ago
600 posts

NVM. Just cleared my tablet cache and its all good now.
Don't know what was happening but it works fine
cheers mate

--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion

solved Tag Cloud Not Resizing

Tags