Search Results for 'sideways avatar'
-
Search Results
-
Topic: Mobile Avatar Uploads
I’ve found 99% the mobile issues I’ve come across can be fixed with a little CSS. The one persistent issue is uploading Avatars (Profile Pictures) via Mobile. Here are the primary challenges.
1. “jcrop-holder” and the “avatar-crop-preview” within the Avatar Upload Form are too large for smart phonea and end up off the right side of the screen.
2. Image orientation – Images uploaded from a smart phone will randomly show up sideways. I have found no pattern to why this happens and to make things more confusing, while the image appears sideways on the phone, they’ll sometimes show up correctly when viewed on a desktop. Only solution I can think of is an image rotate option could help.
3. Some mobile images won’t upload. I’ve only had this happen a few times, but some users have also reported this. The image will be an iPhone photo, one will upload and one next to it will not.
For #1, I have changed the default Avatar dimensions to 300×300 then used CSS to shrink it back to 150×150 to make the website full resolution on retnia displays, which does add to the problem, because the jcrop holder inherits the dimensions in the BP Custom file.
Just wanted to point these out because I’m seeing more people registering for the site via smart phone to almost “test” it out to see if it’s cool enough to spend time on, and uploading their avatar seems to be a bottleneck for mobile registrations. It’s usually the first thing people do when they register, and probably seen as an indication of the site functionality.
Great job on the release of 2.1! Some really exciting additions and improvements!
viva la BuddyPress!
Running WordPress 4.0 Multisite, BuddyPress 2.1, 2014 Theme, lots of plugins (Related to images: “Resize Image After Upload”, “Easy Fancy Box”, “BP Gallery” and “Pretty Gallery”).
The release of 1.9.2 allowed BuddyPress pages to show up on mobile devices which is awesome!
The interface adapted surpassingly well, except when uploading Avatars. When uploading an Avatar via smart phone (I’m using the iPhone 4s) there are a few issues that surface;
1. It tends to crop the image on the opposite side of where the user places the crop tool (i.e. If you try to crop your face as the Avatar, the crop will end up either on your chest or opposite side of the picture).
2. If you play with the cropping issue enough you can trick it into cropping the portion you want. Everything will look fine on your phone, but when look at your site via computer, the avatar image displays sideways (Rotated 90 degrees).I believe this is a BuddyPress issue and not unique to my site or phone. However, I wanted to post this before I attempt to submit a Ticket regarding the issue.
Is anyone else experiencing this or have an thoughts on why it may be happening.
Thanks!
Running; BuddyPress 1.9.2, WordPress Multisite 3.8.1, Twenty Fourteen Theme. Plugins Related to Media – “RT Media” and “Resize Image After Upload”.
Long live BuddyPress!
