Chatter feeds using standard Visualforce Tags

Visualforce Aug 15, 2014

Following are chatter tags that we can use in visualforce page direclty with almost no coding

chatter:feed

For a given UserId, Displays the Chatter EntityFeed for a record or an UserProfileFeed for a user

Example

<apex:page>
   <chatter:feed entityId="{!$User.Id}"/>
</apex:page>

NOTE: only current user/ user id passed feed will be displayed but not his followers. If follwers feed need check below tag

chatter:feedWithFollowers

For a given UserId,

  • An integrated UI component that displays the Chatter feed for a record, as well as its list of followers
  • Do not include this component inside an <apex:form> tag.

Example

<apex:page>
   <chatter:feedWithFollowers entityId="{!$User.Id}"/>
</apex:page>

chatter:follow

For a given UserId, , Renders a button for a user to follow or unfollow a Chatter record

Example

<apex:page >
   <chatter:follow entityId="00590000000fD30" />
</apex:page>

Output

chatter:followers

For a given UserId, Displays the list of Chatter followers for a record

Example

<apex:page >
   <chatter:followers entityId="00590000000fD30" />
</apex:page>

chatter:newsfeed

Displays the Chatter NewsFeed for the current user

<apex:page>
	<chatter:newsfeed/>	
</apex:page>

output:

chatter:userPhotoUpload

  • Uploads a user’s photo to their Chatter profile page
  • To use this component, you must enable Chatter in the org
  • Users must belong to either Standard User, Portal User, High Volume Portal User, or Chatter External User profiles.

Example Explained here

NOTE:

Note that Chatter components are unavailable for Visualforce pages on Force.com sites. Ext JS versions less than 3 should not be included on pages that use this component.

Phanindra Mangipudi

Salesforce, Lightning Web Componets, Node.Js, Angular 2+, Bootstrap