BuddyPress.org

Thanks for using Welcome Pack

You’ve got a lot of plugins loading a lot of javascript. I can’t pinpoint which one is causing trouble because there’s too much for me to look through, so you will need to disable all of your plugins — except BuddyPress — and then test it in IE8. I imagine group avatar cropping would be affected the same way as user profile cropping is.

If disabling everything other than BuddyPress fixes the problem, re-enable the plugins one at a time until it breaks; you’ve then found the conflict and we can then try to figure out how to fix it.

If, however, you disable all plugins other than BuddyPress, and the problem is still there, try also switching back to the BP-Default theme.

What plugins are you using please?

@tiam, @aelofoge, Make sure you are running jquery 1.4.2. Ensure that your theme/childtheme isn’t trying to call a different version of jquery. Or make sure at one of your plugins aren’t using their own version of jquery. I had the same problem and I solved it by making sure I was using the correct version of jquery.

I’m having the same problem – any help would be great!

Yes. Some tend to break certain parts of BuddyPress, however, so if your group avatar cropping stops working, it’s probably a WordPress plugin’s javascript causing a conflict.

@darrin365, I think this might solve your problem!

Go into Buddymatic theme header.php file and make sure that its not calling a different version of jquery.

Make sure you are running jquery 1.4.2.

I’ve just had another look at it and isolated the plugin.

It was “First Visit Message” as demonstrated on this site http://www.thijmenstavenuiter.nl/ I’m no coder but I think it’s using jquery to do what it does.

I can’t find it in the plug-in directory so perhaps the author, Thijmen Stavenuiter withdrew it after s/he figured out it was creating a conflict.

It affected the avatar crop tool by not allowing me to crop an image and also Buddypress Link plugin- which was frustrating as it wouldn’t let me upload a link.

If you can give us the name of plugin whose javascript conflicts with BuddyPress’ avatar crop, we can investigate and see how to improve it. If you get a browser warning message, too, that would be helpful in pinpointing the error.

@jenyus is right! jQuery conflicts appear to be rife. I’ve had multiple plugins affect the functionality of the Avatar and avatar crop feature, with the only solution turning them off. There needs to be a better way of isolating problems concerning jQuery.

I posted this in another thread on the topic, but I thought I would post it here too in case it helps anyone. I don’t know if this was anyone else’s issue, but this was my problem and the solution I found.

SET UP: Running BuddyPress on a single install (not MU) and using the default BuddyPress theme with an assortment of plugins (but removing all the plugins did not help my problem).

PROBLEM: jcrop function wouldn’t work after an avatar was uploaded either on the registration or edit avatar pages within buddypress. The image and thumbnail would show, but there was no crop box to change what was selected for the thumbnail. Very frustrating.

SOLUTION: stupidly simple once I finally found it – for some reason there was no link to the external jcrop javascript file appearing in the header of the pages! (This can be checked by viewing the page source of the problem pages via your browser) To fix this I edited the bp-core-cssjs.php file which is inside the bp-core folder inside buddypress. Right after this line:

`$aspect_ratio = (int) constant( ‘BP_AVATAR_FULL_WIDTH’ ) / (int) constant( ‘BP_AVATAR_FULL_HEIGHT’ ); ?>`

I added:

`<script src="/wp-includes/js/jcrop/jquery.Jcrop.js”>`

And now the crop tool is showing up and everything works perfectly! Note that you may need to change the path to the Jcrop.js file depending on your site setup. Before this I had also downloaded the latest version of jcrop from http://deepliquid.com/content/Jcrop.html and updated it on my site, so I don’t know if that plays in at all or not.

Again, don’t know if that helps anyone else, it might have been something quirky in my set up maybe, but it did the trick for me so I figured I’d share it just in case.

for me, it was the facebook footer bar that was conflicting…..

i fixed this by uninstalling the facebook footer plugin – seems it was calling another version of jquery on top of 1.4.2, and I assume this broke it.

Don’t know if this was anyone else’s issue, but this was my problem and the solution I found.

PROBLEM: jcrop function wouldn’t work after an avatar was uploaded either on the registration or edit avatar pages within buddypress. The image and thumbnail would show, but there was no crop box to change what was selected for the thumbnail. Very frustrating.

SOLUTION: stupidly simple once I finally found it – for some reason there was no link to the external jcrop javascript file appearing in the header of the pages! (This can be checked by viewing the page source of the problem pages via your browser) To fix this I edited the bp-core-cssjs.php file which is inside the bp-core folder inside buddypress. Right after this line:

`$aspect_ratio = (int) constant( ‘BP_AVATAR_FULL_WIDTH’ ) / (int) constant( ‘BP_AVATAR_FULL_HEIGHT’ ); ?>`

I added:

`<script src="/wp-includes/js/jcrop/jquery.Jcrop.js”>`

And now the crop tool is showing up and everything works perfectly! Note that you may need to change the path to the Jcrop.js file depending on your site setup. Before this I had also downloaded the latest version of jcrop from http://deepliquid.com/content/Jcrop.html and updated it on my site, so I don’t know if that plays in at all or not.

Anyway, don’t know if that helps anyone else, but it did the trick for me so I figured I’d share it just in case.

thanks to the guys from bp-theme-converts.com (I’m using one of their themes, a child-theme of hybrid) I got my problem fixed. It was an issue with the style.css file of the child-theme. There were some lines missing, so I just added them to my css file and now everything is working fine. The lines are referred to the avatar author, in my case they are:
`
/* Author avatar */
.author-profile .avatar {
float: left;
width: 60px;
height: 60px;
margin-right: 20px;
padding: 4px;
background: #eee;
border: 1px solid #ccc;
}
/* Author avatar */
.left-menu .avatar {
float: left;
width: 150px;
height: 150px;
margin-right: 20px;
padding: 4px;
background: #eee;
border: 1px solid #ccc;
}
`
This fixed my problem, I hope it helps.

Any sollution?

I’m having the same problem

hi all,

did anyone find a solution for this problem?. I have installed WP3.0 and BP1.2.5.2m, and have the same issue as commented by Darrin365 (bp_default works fine, but my child theme is not cropping the avatars properly).

thanks a lot in advanced.
Javier.

Please folks, I stated ‘thread deemed closed’ for a reason. Just because a thread title is rather too generic doesn’t mean it’s ok to add in any ‘forum’ related issue, it simply gets too long winded and confusing. Proper action is for a new post to be created for your issue, it will tend to get more attention and be easier to follow and respond to for members.

@autoretailing you will need to re post your question and provide relevant info such as versions being used, whether using a custom theme.
If using a custom theme then switch back to the bp-default theme and disable all but absolutely necessary plugins and see if the issue still occurs if it doesn’t then you know the problem lies with the theme or a plugin – re-enable plugins one by one checking each time to see if the issue crops up, finally re-enable custom theme, this will help to isolate the issue.

Check any new javascripts or plugins added… its most likely a conflict with one….

I have no means to test this but if this is an issue with BP 1.2.5.2, please would someone who has this issue report it as a bug on http://trac.buddypress.org? You can use the same username/password as you do for this site to log in. Thanks

I had a similar problem when ie8 was not running in compatibility mode. I was advised to put a meta tag in my header that forces IE8 into this mode http://premium.wpmudev.org/forums/topic/ie8-compatibility-mode

This has worked for me