Feed
Last updated
Last updated
The Avonni Feed component offers a dynamic, interactive solution for displaying activity feeds and updates. Leveraging Salesforce Chatter feed items enhances user engagement and facilitates the exchange of information by showcasing a live stream of content.
This stream includes posts, comments, and interactions, all sourced directly from the Salesforce Chatter feed items, ensuring that the displayed content reflects the active conversations and updates within your community.
Ensure that Chatter is enabled on your Experience Cloud Sites and that the necessary permissions are correctly configured.
A vital feature of the Avonni Feed component is its 'type
' attribute allows administrators to tailor the content stream to different contexts and needs.
Here's a breakdown of each type and how they can be utilized.
Type of Avonni Feed | Description | Use Case |
---|---|---|
My Feed | Displays a personalized feed of activities and updates relevant to the current user. | Ideal for personalized dashboards or home pages for updates from the user's network. |
Group or Record | Shows updates related to a specific group or record in Salesforce. | Suitable for project pages or team spaces needing updates on a specific group or record. |
Topic | Filters the feed to show posts and interactions related to a specific topic. | Useful for thematic pages or sections focused on specific subjects. |
User Profile | Focuses the feed on a specific user's activities and interactions. | Appropriate for user profile pages to showcase an individual’s contributions and interactions. |
Favorite | Displays a feed of the user's marked favorite posts or topics. | Perfect for sections where users can access their favorite content quickly. |
A crucial aspect of the Avonni Feed component is the 'Items Displayed Elements
' attribute allows you to customize the elements shown within each feed item. This customization is vital for tailoring the feed to match your community's engagement and interaction needs.
Items Displayed Elements | Choice |
---|---|
Like | Displays a 'like' option for each feed item |
Favorite | Shows a 'favorite' marker to allow users to mark items as favorites |
Comments | Reveals the comments associated with each feed item |
Comment Button | Includes a button for users to add new comments to a feed item |
Comment Like | Allows users to 'like' individual comments within the feed |
The 'Items Permissions
' attribute offers various options, enabling administrators to precisely define the capabilities and restrictions for users interacting with the feed items.
Below are the choices available for configuring these permissions:
Permission Type | Functionality |
---|---|
Edit | Allows editing of own feed items. |
Delete | Enables deletion of own feed items. |
Best Answer Edit | Mark/edit 'best answer' in Q&A. |
Favorite | Users can mark items as favorites. |
Like | Enables liking feed items. |
Comment | Allows commenting on feed items. |
Comment Edit | Permits editing of own comments. |
Comment Delete | Enables deletion of own comments. |
Comment Like | Allows liking individual comments. |
In the Avonni Feed component, the Date Options setting allows you to configure how dates are displayed alongside each feed item. This feature enhances the readability and context of the feed items. This setting has four available values: standard, relative, preset, and custom.
Standard:
Displays the date in a traditional format, such as DD/MM/YYYY or MM/DD/YYYY.
Relative:
Shows the date relative to '3 hours ago' or 'yesterday,' offering a more intuitive time reference.
Preset:
Utilizes predefined date formats set within the system or component, simplifying the configuration process.
Custom:
Offers the flexibility to define a custom date format, tailoring it to specific presentation needs or stylistic preferences.
By customizing the Date Options in the Avonni Feed component, you can align the date display with your site's design standards and user preferences, ensuring a coherent and user-friendly experience on your Salesforce Experience Cloud site.
The Filter Options in the Avonni Feed component provide a powerful way to manage and streamline the content displayed in your Salesforce Experience Cloud site’s feed. This feature enhances user experience by allowing for a more focused and relevant content display based on specific criteria.
Filter By:
Description: Set a default filter value for the feed.
Usage: Helps in automatically displaying the feed according to a pre-selected criterion, ensuring users first see the most relevant type of content.
Show Filter:
Description: Enables the display of a filter menu on the Avonni Feed.
Usage: Gives users the ability to interactively select and change content filters, enhancing content discoverability and user engagement.
Filters:
Description: Specify the types of content that can be filtered within the feed.
Options Include:
Questions
Questions with Best Answer
Questions without a Best Answer
Unanswered Questions
Usage: This setting allows users to narrow the feed to specific questions, making it easier to find and engage with the content most relevant to their needs or interests.
By utilizing the Filter Options in the Avonni Feed component, you can significantly improve the content navigation experience for users on your Experience Cloud site. These settings ensure that the feed remains organized, relevant, and user-centric, catering to your community members' diverse content discovery needs.
The Search Options in the Avonni Feed component enhance the functionality of your Experience Cloud site’s feed by integrating a search feature. This addition lets users quickly locate specific content within the feed, improving the overall user experience and efficiency.
Show Search:
Functionality: Enables the display of a search box within the Avonni Feed.
Impact: Allows users to quickly search for specific posts, comments, or topics, streamlining their content discovery process.
Placeholder:
Functionality: Adds placeholder text to the search box.
Purpose: Guides users with an example or instruction on what they can search for, enhancing usability.
Position:
Functionality: Sets the position of the search engine within the Avonni Feed.
Options: Choose from various positions (e.g., left, right, center, fill) to best fit the layout and design of your feed.
Impact: Ensures the search box is placed in a convenient and accessible location, aligning with the page's overall design and user interaction flow.
The Sort Options in the Avonni Feed component are designed to enhance the content organization of your Salesforce Experience Cloud site’s feed. This feature lets users view feed items in a sorted order based on predefined criteria, thus improving content accessibility and user experience.
Sort By:
Functionality: You can set a default sorting value for the feed items.
Impact: Automatically organizes the feed content according to the selected criteria (e.g., most recent, most liked, etc.), ensuring users see the most relevant content first.
Show Sort:
Functionality: Enables the display of a sort menu dropdown in the Avonni Feed.
Purpose: Provides users with the flexibility to change the sorting order of the feed content as per their preference.
Impact: Enhances user interaction by allowing them to customize their content viewing experience, making navigating and finding relevant posts easier.
The Avonni Feed component for Salesforce Experience Cloud provides extensive styling capabilities to customize the feed's appearance to match your site’s aesthetic and branding. Each element within the Avonni Feed can be tailored to create a visually cohesive and engaging user experience.
Styling Item | Customization Options |
---|---|
Size | Adjust overall size, including width and height. |
Item | Style main feed items (background color, font, padding). |
Item Border | Configure item borders (color, thickness, style). |
Item Date | Style the date (font size, color, format). |
Item Title | Customize title appearance (font size, weight, color). |
Item Username | Style username display (font customization, color). |
Item Content | Adjust main content styling (text color, font, line spacing). |
Comment Section Divider | Style the divider in the comment section. |
Comment Username | Customize appearance of usernames in comments. |
Comment Content | Style comment text (font, color, size). |
Footer | Customize the feed footer (may include pagination or more). |