Shortcuts
Next region
F9
Previous region
ShiftF9
Jump to toast
⌥Enter
Dismiss toast
⌥Q
Go to incoming interaction popup.
⌥Enter
Dismiss incoming interaction popup.
⌥Q

Pulse

Pulse is a comment feed that keeps comment activity, 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.

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.

You can create user mentions and access the Autopilot by typing @

Example

Pulse


  • 4 years ago
How is everyone doing with their reports?
10

Markdown syntax

MarkdownOutputNotes
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6

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

bold

Bold text can be formatted using either 2 asterisks or 2 underlines before and after the selected text.

*italic*
_italic_

italic

italic

Italic text can be formatted using either 1 asterisk or 1 underline before and after the selected text.

***bold italic***
___bold italic___

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
  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

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
  • 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]()

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.

@

A qualified user/case mention, or Autopilot invocation

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.

#

A qualified tag

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 Constellation UX System. To learn how to configure Theme Cosmos, visit Pega Documentation.