Top bar

Settings Link
Avatar
Username 10 mins ago

This is an example of a basic message, which consists of a small text block and a link. The new comment indicator (blue dot) should be displayed when the comment is newly added to the stream

Message assigned to Joe Ying
Avatar
Username 10 mins ago

This is an example of a basic message being assigned

Avatar
Username 10 mins ago

A message stream expands the basic message and includes an optional image, as well as a comments section. Comments are displayed in reverse chronological order below the post. A maximum of 4 most recent comments are displayed with the rest exposed by clicking "View previous comments". opens a user info popup when called from within the dashboard.

Avatar
Username One Less than a min ago

The new comment indicator (blue dot) should be displayed when the comment is newly added to the stream

Avatar
Username Two 10 mins ago

Another example of a new comment

Avatar
Username Three 1 hour ago

Older comments do not display the indicator

Avatar
Username Four 3 hours ago

Here's a final comment, which includes a link

Avatar
Add
Avatar
Username 10 mins ago

Single images are centred and cropped within a 16:9 ratio container, and have a maximum width of 400px

Avatar
Username 1 day ago

Two images are displayed side-by-side and cropped within a 16:9 ratio container

Avatar
Username 10 mins ago

The first of three images takes up 100% of the height, the other two are stacked to the right of it. The three images are cropped within a 16:9 ratio container

Avatar
Username 1 day ago

The four images are all the same size and cropped within a 16:9 ratio container

Avatar
Username 10 mins ago

Link Preview objects should be clickable and open the specified URL in a new tab

Sample Image
This is an example of a post preview title www.examplepreviewlink.com
Avatar
Avatar
Username 10 mins ago

Video Site Link objects should be clickable and open the specified URL in a new tab

Sample Image
Video Site Link Title youtu.be/xyz123
Avatar
Username 1 day ago

It is recommended that Direct Video objects open a new modal, where the video object is embedded and played

Sample Image
Avatar

Available Button Styles:

Available Form Styles:

Description text for the above input field. This may be a help tip or provide other supplemental info.

Description text for the input field below. This may be a help tip or provide other supplemental info.

Available Icon Styles:

  • Angle Down
  • Angle Left
  • Angle Right
  • Angle Up
  • Approve
  • Assigned
  • Assigned On
  • Attach
  • Award
  • Block
  • Block On
  • Clear
  • Comment
  • Compose
  • Direct Message
  • Download
  • Edit
  • Ellipsis
  • Email
  • Favorite On
  • Favorite Off
  • Filter
  • Follow
  • Grid
  • Heart On
  • Heart
  • Like On
  • Like
  • List
  • Location
  • Plus
  • Privacy
  • Reply All
  • Reply
  • Retweet
  • Resolved
  • Resolved On
  • RSS
  • Save
  • Schedule
  • Search
  • Settings
  • Stats
  • Streams
  • Tag
  • Targeting
  • Trash
  • Unfollow
  • Upgrade
  • Upload
  • User
  • Webcam