Pulse is a feed that keeps comments – attachments and posts – all in one place.
The Pulse feed often lives in the center of the Case Page.
Usage
Pulse allows any user to collaborate with other people through comments and other social interactions. Users can view the history of the work that has been conducted, and post attachments and comments with mentions/tags to the feed. Posts and comments can be written with Markdown syntax to enable styling and formatting. More details on the available styling and formatting options that Markdown syntax offers can be found in the Markdown syntax section below.
Anatomy
Pulse is comprised of other components found throughout the UX System: cards, icons, and buttons to name a few.
The Pulse component features the following regions:
Create new post
This region enables the user to type and post a new message in the feed. New posts in Pulse are surfaced as a Markdown text editor. More details on the available styling and formatting options that Markdown syntax offers can be found in the Markdown syntax section below.
In addition to Markdown support, users may add file or link attachments to a post. Submitting will present the content of the new post in a Pulse post.
Posts
Once content is posted into the chat, it is displayed as a post. Like cards, Pulse posts share three sections: header, body, and footer.
A post header always has a user avatar, text representing the user’s name, timestamps, and, in some cases, a link to a corresponding case or any other contextual element related to the post.
The post body contains text and links depending on user content. Some posts can include attachments, which indicate a document or group of files a user has uploaded or has the ability to download. In addition to files, attachments can be URLs or links to an application-based document.
The Pulse component also allows users to like and comment on posts, as well as reply to posts in the feed. Additionally, you can create references to users or items by first typing @.
Full feed activity
Full feed activity represents the entirety of a Pulse feed. Its children should be comprised of new posts and activity posts. This demo is a combination of the two prior demos, wrapped by the feed component.
Full feed activity can be filtered to modify the Pulse posts presented in the feed.
Markdown syntax
| Markdown | Notes |
|---|---|
# Heading level 1 ## Heading level 2 ### Heading level 3 #### Heading level 4 ##### Heading level 5 ###### Heading level 6 |
Heading text must have an empty line separating it from other text both above and below. |
**bold** __bold__ |
Bold text can be formatted using either 2 asterisks or 2 underlines before and after the selected text. |
*italic* _italic_ |
Italic text can be formatted using either 1 asterisk or 1 underline before and after the selected text. |
***bold italic*** ___bold italic___ |
To apply both bold and italic styling to your text, use either 3 asterisks or 3 underlines. |
1. list item
2. list item
3. list item
1. sub list item
2. sub list item
4. list item
|
When formatting an ordered list, the numbers you use for each item do not dictate the generated output of the list. Ordered lists will always be formatted in sequential order starting with 1. Sub items will be ordered with a different set of indicators such as letters or roman numerals. |
4\. list item 5\. list item 6\. list item |
If you need to construct an ordered list with a particular set of indicators, add a \ between the indicator and the . This will prevent the default Markdown syntax from rendering. This will also mean that any automatic list indentation will be lost as well. |
* list item
* list item
* list item
* sub list item
* sub list item
* list item
|
Unordered lists can be constructed with an asterisk, plus, or dash. You can use any of those symbols to construct the list, but mixing symbols within the same list is not allowed. |
[link]() |
Links can be formatted with the display text within square brackets, and the URL within paranthesis. There can be no space between the two segments. |
| @ | If you enter the @ symbol, a dropdown menu will appear. You can continue typing and hit enter, or manually select options from the menu. This will allow you to inject a user or case mention into your post, or interact with Autopilot. |
| # | If you enter the # symbol, a dropdown menu will appear. You can continue typing and hit enter, or manually select options from the menu. This will allow you to inject a tag into your post. |
Configuration
All components shown on this site are supported by the UX desgin system. To learn how to configure Theme Cosmos, visit Pega Documentation.