---
url: https://gudhub.com/ru/docs/gh-elements/timeline/
title: "Timeline\n                #"
description: "Timeline is a gh element that allows to track application updated and updates of selected fields. This element also allows users to chat in created apps. This e"
lang: uk
updated: 2026-09-12T04:46:50.088Z
---

# Timeline [#](https://gudhub.com/ru/docs/gh-elements/timeline/#timeline)

**Timeline** is a gh-element that allows to track application updated and updates of selected fields. This element also allows users to chat in created apps.

## Functional Characteristics [#](https://gudhub.com/ru/docs/gh-elements/timeline/#functional-characteristics)

This element has two simple goals: tracking product changes and communication between users. It allows you to create a mini-chat, which greatly facilitates communication.

## Value Format [#](https://gudhub.com/ru/docs/gh-elements/timeline/#value-format)

This is one of elements that do not contains field value.

## Element Options [#](https://gudhub.com/ru/docs/gh-elements/timeline/#element-options)

The element settings are divided into two groups which are closely related to each other.

### Field Settings [#](https://gudhub.com/ru/docs/gh-elements/timeline/#field-settings)

The first group is Field Settings. It contains the default settings and an additional one, on which the next group depends.

![Settings of timeline field](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/timeline-field-settings.jpg "Timeline field settings")

| Name | Description |
| :-- | :-- |
| Application | allows to select the source application |

#### **Application** [#](https://gudhub.com/ru/docs/gh-elements/timeline/#application)

This is the application whose updates will be displayed in the timeline.

### Display Fields [#](https://gudhub.com/ru/docs/gh-elements/timeline/#display-fields)

This table is empty until you select the source [application](#application). All fields of the application are displayed here.

![Display settings of timeline fields](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/timeline-display-fields.jpg "Timeline display fields")

| Name | Description |
| :-- | :-- |
| Field | contains names of all application fields |
| Show | allows to show or hide the field |

#### **Field** [#](https://gudhub.com/ru/docs/gh-elements/timeline/#field)

This is the column of field names from the source application.

#### **Show** [#](https://gudhub.com/ru/docs/gh-elements/timeline/#show)

This function allows to configure which fields updates will be displayed in the timeline.

## Element Style [#](https://gudhub.com/ru/docs/gh-elements/timeline/#element-style)

The timeline is like most other gh-elements have only [standard options](https://gudhub.com/ru/docs/understanding-gudhub/gh-elements-structure/setting-overview/) to configure its style. Another thing is [interpretation](#interpretation). The element has a few unique types of it.

![Style of timeline element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/timeline-element-style.jpg "Timeline element style")

## Data Model [#](https://gudhub.com/ru/docs/gh-elements/timeline/#data-model)

The data model of web camera contains all element settings:

Копировать

```json
{
    "data_model": {
        "app_id": "28752",
        "interpretation": [],
        "table_settings": {
            "columns_to_view": [{
                "field_id": 678838,
                "show": 1
            }]
        }
    }
}
```

| Name | Type | Description |
| :-- | :-- | :-- |
| app\_id | `string` | _contains ID of the application_ |
| interpretation | `array` | _contains all element interpretation types_ |
| table\_settings | `object` | _contains all table settings_ |
| columns\_to\_view | `array` | _contains all fields properties_ |
| field\_id | `number` | _contains ID of the application field_ |
| show | `boolean` | _shows whether the updates of the current field will be displayed in the timeline_ |

## Filtration [#](https://gudhub.com/ru/docs/gh-elements/timeline/#filtration)

The element can be filtered out using these filters:

-   [Contains](https://gudhub.com/ru/docs/core-api/filter/contains/)
-   [Not contains](https://gudhub.com/ru/docs/core-api/filter/contains/)
-   [Equals](https://gudhub.com/ru/docs/core-api/filter/equals/)
-   [Not equals](https://gudhub.com/ru/docs/core-api/filter/equals/)
-   [Value](https://gudhub.com/ru/docs/core-api/filter/value/)

## Interpretation [#](https://gudhub.com/ru/docs/gh-elements/timeline/#interpretation)

The current element has only two types of interpretation:

![Types of timeline interpretations](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/timeline-interpretation-types.jpg "Timeline interpretation types")

### Input With Name [#](https://gudhub.com/ru/docs/gh-elements/timeline/#input-with-name)

This is a convenient type of interpretation that allows you to display all app updates and to chat.

### Default [#](https://gudhub.com/ru/docs/gh-elements/timeline/#default)

This type allows the element to be displayed as an icon.