Versions Compared

Old Version 11

changes.mady.by.user Александра Леденева

Saved on

compared with

New Version 12

changes.mady.by.user Александра Леденева

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

Info

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.

Code Block
languagejs
themeEclipse
titleExample
linenumberstrue
<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.

Info

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.

Code Block
languagejs
themeEclipse
titleExample
linenumberstrue
<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 – set to true to remove the  the styling of the Activity Feed.
Code Block
languagejs
themeEclipse
titleExample 1
linenumberstrue
config='{"title":"New Title","journal":"history, work_notes.task", "columns": "state, active"}'


Code Block
languagexml
themeEclipse
titleExample 2
linenumberstrue
config='{"isNotStylized":"true"}'


Code Block
languagexml
themeEclipse
titleExample 3
linenumberstrue
config='{"isNotStylized":"true", "classes": {"ActivityFeed": "new-af"}}'


Code Block
languagexml
themeEclipse
titleExample 4
linenumberstrue
config='{"classes": {"ActivityFeed": "new-af"}}'

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


isAlwaysOpenedBooleanN

To Set the value to true 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. Set the value to false to make the widget closed by default. In this case, the widget has chevron Image Added 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.

    Note
    titleExample

    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:

Code Block
languagexml
themeEclipse
titleactivityFeed
<activityFeed tableName="user" sysId="161416916116380709"></activityFeed>

Redefine styles of classes 
Anchor
style
style

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

Expand
titleStyles of classes
  • 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