By Jannik L. on Thursday, 16 October 2014
Posted in Technical Issues
Replies 3
Likes 0
Views 865
Votes 0
After this thread: http://stackideas.com/forums/picture-size-in-activity-stream-with-jreview-integration

Alejandro from jReviews updated the app integration between jReviews and EasySocial. However, his update causes more headaches for me, and after asking him to diagnose the issue, he got stuck and couldn't figure out how to fully solve it and asked me to follow up here at Stackideas to see if you guys could help figure it out.

Basically the padding is crazy, and some images get cut off in weird ways.

Here is alejandros answer to my ticket earlier:

To be honest I am not sure how to modify that. I spent a ton of time looking at the page source. The changes were brought by EasySocial so that JReviews was compliant with their markup and CSS. You can see that it was posted in their forum. Please get in touch with them so they can provide some feedback. I can see that adding the fit-width class the <a> tag around the image helps, but it also modifies the display of the photos when there is more than one image and hides large parts of the photo. If you want to try it edit

/media/com_easysocial/apps/user/jreviews/themes/default/streams/photo.content.php

Change:

<a href="/<?php echo $photo['media_url']?>">

to:

<a href="/<?php echo $photo['media_url']?>" class="fit-width">
Hi Jannik,

I am sorry for the delay of this reply.

Regarding the white space padding issue, it was caused by a missing onload event in the img tag. Please see http://screencast.com/t/MpCjyevn
EasySocial required this onload event placed in img tag so that EasySocial can calculate the correct class name to use ( the fit-width, fit-small and etc ). I've added the onload event into the img tag and now the padding issue fixed on your site

Basically the padding is crazy, and some images get cut off in weird ways.


And for the images get cut off issue, I believe is a mis-configuration in your EasySocial backend setting -> photos -> layout for the 'Aspect ratio' and 'Resize mode'. Please see http://screencast.com/t/x8L4oBg0OL2
Previously the aspect ratio was set to '16:9' but I've changed to '1:1' and now the multiple images stream should display correctly. Please see http://screencast.com/t/EHXgY79KxB

Please verify again.

Hope this help and have a nice day
Sam
·
Thursday, 16 October 2014 16:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks a lot Sam! Much appreciated
·
Thursday, 16 October 2014 17:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Jannik, glad that your issues are resolved now
·
Friday, 17 October 2014 03:32
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post