Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Merged branch "DOC0000070" into parent

The Use the <activityFeed> tag is intended for enabling to enable the Activity Feed functionality on forms for widgets of the portal or agent views interfaces.

The following attributes are applicable to the tagAvailable attributes:

AttributeTypeMandatoryDescription
sysIdStringN

Specify the ID of the record ID on which the activity feed widget is enabledthat that has the Activity Feed widget.

Info

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

Code Block
languagejs
themeEclipse
titleExample
linenumberstrue
<div>
<Form tableName="table" sysId="100000000001"></Form>
<activityFeed></activityFeed>
<div>

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


tableNameStringN

Specify the table system 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 can be are taken from  GET-parameters. If there are no GET-parameters, the Activity Feed will is not be displayed.


configStringN

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

The Define the following parameters can be defined:

  • title – change the title of the Activity Feed.
  • journal  filter specify the Journal Input fields to display.
  • columns  filter the History fields specify the fields to display in History.
  • classes add classes to style the style of the Activity Feed. These styles can 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": "NewAFnew-af"}}'


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

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


isAlwaysOpenedBooleanN

Set the value to true to make the Activity Feed widget always open. If the widget is always open, it has no chevron Image Added icon and no close option. The default value is false.

There are two ways to receive the attribute values from the URLsAttribute values can also be received from URLs in two ways:

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

    the

    a specific URL is provided, the attribute values

    will be

    are populated out of GET-parameters.

    Note
    titleExample
for case 2
 An
  • An example of

provided
  • URL

is the following
  • : https://instance.example.com/?table_name=user&record_id=161416916116380709.

    The table_name and record_id parameter values are

obtained from
  • 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
{data.table_name} sysId={data.record_id} config={data.config}></activityFeed>

The template above displays the following element on the page:

Image Added

Redefine class styles 
Anchor
style
style

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

Expand
titleClass styles
  • 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