By Thomas on Sunday, 21 September 2014
Posted in Technical Issues
Likes 0
Views 1K
Votes 0
Hi guys,

my activity stream is automatically filled with jreview entries. If somebody is adding pictures they are shown in fully width of the stream.
I need to know how I can change it to smaller pictures, best shown side by side...


thx in advance
Hello Thomas,

I think it's best that you direct this question with JReviews because all EasySocial does is to allow these 3rd party apps to style and add the contents of the stream into EasySocial
·
Monday, 22 September 2014 01:45
·
0 Likes
·
0 Votes
·
0 Comments
·
As long as there is a class for the stream item, you could use css to resize them.
·
Wednesday, 24 September 2014 20:00
·
0 Likes
·
0 Votes
·
0 Comments
·
I asked the guys from jreviews and they told me that the app is just using the settings from easysocial.
So is there any setting to set the picture size for the activity stream without using css?
·
Wednesday, 24 September 2014 20:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

To be really honest with you, I really have no idea how the image looks like but if you can provide a link to the page, I will see what can be done
·
Thursday, 25 September 2014 02:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,

please see the site link attached
·
Friday, 26 September 2014 18:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Thomas,

Can you try placing the below css code in your Joomla template 'JOOMLA/templates/ireview3/css/custom.css' to resize your photos for your JReviews stream?


.jrActivity .es-stream-photo .es-stream-item-photo img {max-width:250px}


Let me know if the css code work for you or not.

Hope this help and have a nice day
Sam
·
Friday, 26 September 2014 19:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sam,

resizing is working with the CSS code, but I can remember that it was possible to change the style via the component. (different size, padding etc.)
Isn't there any other possibility? Eventually planned?


greetz
·
Friday, 26 September 2014 19:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

I am really sorry for the delay of this reply as it is a weekend for us here. Hm, the image settings is actually in the back end of EasySocial > Settings > Photos . Is this what you are looking for? This settings however, is only applied in our codes because the app that is responsible to generate the stream needs to add the specific HTML codes. I am not really sure if JReviews are using these codes or not?
·
Saturday, 27 September 2014 20:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

this is what the guys from jreviews wrote me

We use the same html markup that EasySocial uses for their photos app and it displays correctly on our end and even uses the settings from the 'photos' configuration in EasySocial. If you don't have the latest version of JReviews you should try updating or at least download the latest version from the client area, find the JReviews app for EasySocial in the zip and upgrade it.


Everything is up to date, so I can't find any solution. I know that it worked in the past and with any update it was set back to the "big" images
·
Tuesday, 30 September 2014 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Thomas,

I am sorry for the delay of this reply.

I not too sure if JReview is following how the photo apps work or not because in photo apps, when we retrieve the photo, we actually retrieve a smaller size. Can you pass me your Joomla backend admin access and also your FTP account so that I can take a look at how JReview display the photos?

Please advise.
Sam
·
Wednesday, 01 October 2014 16:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sam,

please find the infos attached...
·
Wednesday, 01 October 2014 17:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Thomas,

Thanks for your site access details.

I've checked the way JReview app displayed the photos, look like their photo stream template file longer in synced with EasySocial photos app the template file. I've updated your JReview the photo stream template file and now the photos are display in a small size. Please see http://screencast.com/t/aFVasHcXVwXH

Below is the file I've modified:

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

Please verify again.
Hope this help and have a nice day
Sam
·
Wednesday, 01 October 2014 19:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Nice Do you guys mind sharing the updated files with the rest of us jReviews users. Also someone should notify the jReviews team
·
Wednesday, 01 October 2014 19:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sam,

looks terrific now. Thank you so much!!

Is that file you modified supposed to be like the way you changed it? I am asking because the file can change again if jreviews is updated...


br
·
Wednesday, 01 October 2014 19:55
·
0 Likes
·
0 Votes
·
0 Comments
·
important, subscribe++
·
Thursday, 02 October 2014 04:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Thomas,

Is that file you modified supposed to be like the way you changed it? I am asking because the file can change again if jreviews is updated...


I am afraid the file I modified will get overwritten when you updated your JReview app unless JReview include the changes i made into their source code

Nice Do you guys mind sharing the updated files with the rest of us jReviews users.


Hi Jannik, I do not have the file with me. Maybe Thomas can share with us?

Thanks and have a nice day
Sam
·
Thursday, 02 October 2014 11:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi all,

here is the content of the file

<?php
/**
* JReviews - Reviews Extension
* Copyright (C) 2010-2014 ClickFWD LLC
* This is not free software, do not distribute it.
* For licencing information visit http://www.reviewsforjoomla.com
* or contact sales@reviewsforjoomla.com
**/

defined( '_JEXEC' ) or die;

$config = FD::config();

// Normalize options
$defaultOptions = array(
'size' => $config->get('photos.layout.size'),
'mode' => $config->get('photos.layout.pattern')=='flow' ? 'contain' : $config->get('photos.layout.mode'),
'pattern' => $config->get('photos.layout.pattern'),
'ratio' => $config->get('photos.layout.ratio'),
'threshold' => $config->get('photos.layout.threshold')
);

if (isset($options)) {
$options = array_merge_recursive($options, $defaultOptions);
} else {
$options = $defaultOptions;
}

$photos = $params['media'];

$count = count($photos);
?>
<div class="es-photos photos-<?php echo count($photos); ?> es-stream-photos pattern-<?php echo $options['pattern']; ?>">
<?php foreach ($photos as $photo) { ?>
<div class="es-photo es-stream-photo ar-<?php echo $options['ratio']; ?>">
<a href="<?php echo $photo['media_url'];?>">
<u><b data-mode="<?php echo $options['mode']; ?>"
data-threshold="<?php echo $options['threshold']; ?>">
<img src="<?php echo $photo['orig_src'];; ?>" style="opacity:100;"/>
</b></u>
</a>
</div>
<?php } ?>
</div>


Sam, what did you change exactly? I try to pass this over to the jreviews team...


regards
·
Saturday, 04 October 2014 17:30
·
0 Likes
·
0 Votes
·
0 Comments
·
@Thomas thank you for taking the initiative on this one
·
Sunday, 05 October 2014 01:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Thomas,

I am sorry for the delay of this reply.

Sam, what did you change exactly? I try to pass this over to the jreviews team...


Actually I changed the html dom structure and also added php variables that used in the html dom elements
You might want to send this php file 'JOOMLA/media/com_easysocial/apps/user/jreviews/themes/default/streams/photo.content.php' to JReview team so that they can include the changes in their next build

Hope this help and have a nice day
Sam
·
Wednesday, 08 October 2014 10:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sam,

I sent this over to the jreviews guys. Let's see what they will do in their next release
·
Thursday, 09 October 2014 17:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Thomas,

Thanks for the heads up on this Hopefully they can include the changes in their next release
Have a nice day !
Sam
·
Thursday, 09 October 2014 17:09
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post