By Maurice Womack on Thursday, 05 December 2013
Posted in General Issues
Replies 5
Likes 0
Views 0.9K
Votes 0
I'm trying to add the jquery Masonry script to my ES stream. I can't figure out which file I need to add the script to. I tried the default.php file in the Stream folder but it didn't work. Below is the code snippet that I am adding. I've done this before for easyblog posts and it worked fine. I have the stream items showing in a 2 column layout but I can't get the items to align vertically. (see my homepage) Any suggestions?

<script type="text/javascript">
EasyBlog.require()
.library('masonry')
.done(function($){
$('.es-content').masonry({
// options. see their site for full API reference
columnWidth: 75px,
itemSelector: '.es-stream',
padding: '1px',
isAnimated: true,
});
});
</script>
Hello Maurice,

You will probably want to add your hacks in the file /components/com_easysocial/themes/wireframe/stream/default.js for javascripts and /components/com_easysocial/themes/wireframe/stream/default.php for the php codes.

If it does not work, you might want to review your codes again. Please understand that our support scope does not cover customizations as outlined in http://stackideas.com/support
·
Thursday, 05 December 2013 09:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Understood. You guys helped me accomplish this effect with EasyBlog so I thought you would with EasySOcial. Thanks anyway.
·
Monday, 09 December 2013 10:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Maurice,

For EasySocial it's a little different because it's not a "simple" layout It requires a little more effort than usual.
·
Monday, 09 December 2013 13:51
·
0 Likes
·
0 Votes
·
0 Comments
·
So, Maurice, were you able to implement this one ? I am also looking for a multi-column solution for EasySocial Stream.
Thanks !
·
Thursday, 17 September 2015 14:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mist,

Thank you for the heads up on this. Unfortunately we do not have this feature yet currently in easysocial .
·
Friday, 18 September 2015 10:56
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post