The <activityFeed> tag enables the Activity Feed functionality on widgets of the portal or agent views.

Available attributes:

AttributeTypeMandatoryDescription
sysIdStringN

Specify the record ID that has the Activity Feed widget.

If the tag is specified near the <Form> tag, the value of this attribute is populated automatically with the value from the relevant <Form> attribute.

<div>
<Form tableName="table" sysId="100000000001"></Form>
<activityFeed></activityFeed>
<div>

When there is no <Form> tag nearby, the values can be taken from GET-parameters. If there are no GET-parameters, the Activity Feed is not displayed.


tableNameStringN

Specify the table system name (for example, "task") on which the Activity Feed widget should be enabled.

If the tag is specified near the <Form> tag, the value of this attribute is populated automatically with the value from the relevant <Form> attribute.

<div>
<Form tableName="table" sysId="100000000001"></Form>
<activityFeed></activityFeed>
<div>

When there is no <Form> tag nearby, the values are taken from GET-parameters. If there are no GET-parameters, the Activity Feed is not displayed.


configStringN

Configure the Activity Feed. Describe the object in JSON format, as in the example below. 

Define the following parameters:

  • title – change the title of the Activity Feed.
  • journal – specify the Journal Input fields to display.
  • columns – filter the fields to display in History.
  • classes – add classes to style the Activity Feed. These styles can be redefined.
  • isNotStylized – remove the styling of the Activity Feed.
config='{"title":"New Title","journal":"history, work_notes.task", "columns": "state, active"}'


config='{"isNotStylized":"true"}'


config='{"isNotStylized":"true", "classes": {"ActivityFeed": "new-af"}}'


config='{"classes": {"ActivityFeed": "new-af"}}'

#CSS# 
.NewAF {
border-bottom: 2px red;
background-color: green;
}


isAlwaysOpenedBooleanN

To make the Activity Feed widget always open, set the attribute equal to true. If the widget is always open, it has no chevron icon and option to close.

There are two ways to receive the attribute values from the URLs:

  • On the specific record page, the attribute values are populated automatically.

  • When a specific URL is provided, the attribute values are populated out of GET-parameters.

    An example of URL: https://instance.example.com/?table_name=user&record_id=161416916116380709.

    The table_name and record_id parameter values are transferred from this URL.

    • The table_name parameter value is mapped to the tableName attribute.
    • The record_id parameter value is mapped to the sysId attribute.


Example:

<activityFeed tableName="user" sysId="161416916116380709"></activityFeed>

Redefine styles of classes 

The style of the following classes used in the config attribute can be redefined: 

  • GroupHeader
  • NoActivities
  • IconNoActivities
  • Heading
  • ChevronActivityFeed
  • ActivityFeed
  • Separator
  • ActivitiesContainerWrap
  • ActivitiesContainer
  • ActivitiesContainerShadow
  • Skeleton
  • SkeletonHeading
  • SkeletonTabs
  • SkeletonTabsArea
  • SkeletonTabsButton
  • SkeletonTags
  • SkeletonTagsItem
  • SkeletonAct
  • SkeletonActItem
  • SkeletonActHeader
  • SkeletonActUserPic
  • SkeletonActUserName
  • SkeletonActType
  • SkeletonActCont
  • SkeletonActInf
  • Modal
  • HistoryItemBlock
  • HistoryItemNew
  • HistoryNewTitle
  • HistoryNewText
  • HistoryItemOld
  • HistoryOldTitle
  • HistoryOldTitleBlock
  • HistoryOldText
  • HistoryNoFields
  • HistoryUserAvatar
  • HistoryShowInfo
  • HistoryShowInfoButton
  • HistoryIconChevron
  • HistoryItem
  • HistoryHeadBlock
  • HistoryUser
  • HistoryContent
  • HistoryUserTitle
  • HistoryDate
  • HistoryHead
  • HistoryIconComment
  • HistoryTitle
  • HistoryChanges
  • CommentItem
  • CommentUserAvatar
  • SubComment
  • SubCommentUserAvatar
  • SubCommentBlock
  • SubCommentHeader
  • SubAuthorHeader
  • SubCommentUpdateDate
  • SubCommentText
  • SubComments
  • SubCommentsHeader
  • SendSubCommentBlock
  • SendSubCommentText
  • SendSubCommentButton
  • CommentShowAllButton
  • CommentItemBlock
  • CommentHead
  • CommentUser
  • CommentContent
  • CommentUserTitle
  • CommentDate
  • CommentTitleHead
  • CommentIcon
  • CommentTitle
  • CommentText
  • TabsBlock
  • Tabs
  • Settings
  • Tab
  • TabActive
  • SettingsMore
  • SettingsActiveMore
  • CommentsTabsSliderArrow
  • CommentsTabsHeadWrap
  • CommentsTabsHeadContainer
  • CommentsTabsHead
  • CommentTabIsRequired
  • CommentTabHeadItem
  • CommentTabHeadItemActive
  • CommentBlock
  • CommentBlockSlider
  • CommentBlockTextAreaWrap
  • CommentBlockTextarea
  • CommentBlockButtonWrap
  • CommentBlockSendButton
  • ModalWrapper
  • ModalWindow
  • ModalHeader
  • ModalText
  • ModalCloseIco
  • ModalBody
  • SettingsMenu
  • SettingsMenuModal
  • SettingsConfigure
  • SettingsScroll
  • SettingsNoResults
  • SettingsSelectAll
  • SettingsMenuItemInput
  • SettingsMenuItemLabel
  • SettingsSmallInputIcon
  • SettingsSmallInputIconHover
  • SettingsSmallInputClean
  • SettingsSmallInputCleanActive
  • SettingsSearchContainer
  • SettingsSmallInputContainer
  • SettingsSmallInputContainerFocus
  • SettingsSmallInput
  • SettingsMenuItem
  • SettingsMenuItemCheckbox
  • SettingsMenuBlock
  • SettingsChangeButton