Limit the amount of posts for Newsfeed (Site)

Question

Newsfeed (within a site, as a microfeed) works really nicely on Sharepoint, except for the fact that I can't limit the Newsfeed webpart to a certain height (or number of posts). It looks like it is stuck at 10 and there's no way to change this from the interface/webpart editor. In some instances, the webpart can be so tall and not very wieldly.

So, granted there's no way to tweak it from the Sharepoint UI, is there a way to do it using another tool/via programming method, so we can set the initial post number to, say, 5 posts only?

Many thanks!

Answer 1

You can first hide the divs after the amount of posts you want to be visible. And then you can show them when the user clicks "Show more posts":

$('.ms-microfeed-thread:gt(2)').hide(); //hides all posts after the three latests
$('#ms-MoreThreadsButtonLabel').click(function (){$('.ms-microfeed-thread').show();}); // sets a click function on the morethreads button to show them again

Answer 2

As there are no OOB methods to achieve it, there is a workaround like this: get the posts into a list and do the paging in this list instead.

We can do it like this: Create a List with the necessary column match the content of post, i.e. text, picture, then add it into the page. Then use some code to retrieve posts in Newsfeed, get the different types of value from the post and insert into the list.

Now we can do the paging in this list.

The link below provides methods to access the social feed:

http://msdn.microsoft.com/en-us/library/jj163977.aspx

How to Limit the number of items in a view:

http://technet.microsoft.com/en-us/library/cc768269.aspx

Source: http://social.msdn.microsoft.com/Forums/sharepoint/en-US/545b139c-8c07-48bc-93e4-3b1ef5f4bad2/community-site-newsfeed-posts?forum=sharepointdevelopment

I have tried this & has worked.

Answer 3

Just as a follow up to David's suggestion;
this shows only latest 3 posts

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
$(document).ready(function(){ 
$('.ms-microfeed-thread:gt(2)').hide(); //hides all posts after the three latests
$('#ms-MoreThreadsButtonLabel').click(function (){$('.ms-microfeed-thread').show();}); 
});
</script>