You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 11 Next »

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

Available attributes:

AttributeTypeMandatoryDescription
sysIdStringN

Specify the ID of the record that 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.

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

tableNameStringN

Specify the table 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.

Example
<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 examples 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 the style of the Activity Feed. The style of these classes can be redefined.
  • isNotStylized remove the styling of the Activity Feed.
Example 1
config='{"title":"New Title","journal":"history, work_notes.task", "columns": "state, active"}'
Example 2
config='{"isNotStylized":"true"}'
Example 3
config='{"isNotStylized":"true", "classes": {"ActivityFeed": "new-af"}}'
Example 4
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 a close option.

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.

    Example

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


  • No labels