Customize an object column to display in the [Timeline] component

Guide
PDF
Easy

Use the Timeline component to enable users to view the history of communication regarding the record as well as records linked to it in chronological order. Users can like and comment feed records in the timeline. Learn more in a separate article: Overview of Freedom UI Designer and its elements.

Out of the box, the timeline displays the primary display value and creation date of linked records. You can customize the columns to display in the timeline addon of the relevant object using low-code tools.

To customize an object column to display in the Timeline component:

  1. Make sure that an object includes column to customize and the Show in Timeline component by default checkbox is selected. Otherwise, preconfigure the object.

    1. Create an object schema or replacing object schema. To do this, follow the instructions in a separate article: Object. For example, create a replacing schema of the Case object.

    2. Add a column.

      1. Click add_button in the context menu of the Columns node of the object structure. This opens a menu.
      2. Select a column type.
      3. Fill out the column properties in the Object Designer.

      For example, add the Some custom column column (UsrCustomColumn code).

    3. Display an additional object in the Timeline component.

      1. Open the Timeline node of the object structure.
      2. Select the Show in Timeline component by default checkbox.
    4. Click Save on the Object Designer's toolbar. This adds the UsrCaseTimelineEntity addon schema.

  2. Set up the column layout of the relevant object in the Timeline component.

    1. Open the UsrCaseTimelineEntity addon schema.
    2. Open the Modifications package node of the addon structure.

    3. Set up the column layout of the Case object in the Timeline component. To do this, add the column configuration object to the ColumnLayouts array of column configuration objects.

      • Set a code of the column on the Case object using the ColumnName property.
      • Set the column layout using the ColumnLayout property.

      View an example that sets the Some custom column column of the Case object below.

      Example that sets the Some custom column column of the Case object
      {
  "MetaData": {
    "Schema": {
      ...,
      "AD4": {
        "SchemaName": "Case",
        "TypeColumnUId": "00000000-0000-0000-0000-000000000000",
        "TimelineEntityValues": [
          {
            ...,
            "ColumnLayouts": [
              {
                "ColumnName": "UsrCustomColumn",
                "ColumnLayout": "{\"column\": 1,\"row\": 2,\"colSpan\": 12,\"rowSpan\": 1}"
              },
              ...
            ]
          }
        ]
      }
    }
  }
}

      where the UsrCustomColumn starts on column 1 row 2 and spans 12 columns 1 row.

    4. Click Save on the Addon Designer's toolbar.

  3. Update addons.

    1. Open the Case replacing object schema.
    2. Open the Timeline node of the object structure.
    3. Clear and select the Show in Timeline component by default checkbox.
    4. Click Save on the Object Designer's toolbar.
  4. Add the Timeline component to the Freedom UI page. If the component was added previously, re-add it.

As a result, the Some custom column column of the Case object will be displayed in the Timeline component on the Freedom UI page.

See also
Overview of Freedom UI Designer and its elements
Object