Global time context not showing up in custom c8y-widgets-dashboard in new websdk versions

Forum
, , , ,
1

Hi guys,

In our older cockpit-versions (e.g. 1021.22.99), when creating (programming) a custom cockpit dashboard using c8y-widgets-dashboard the global time context selection in the dashboard top navigation shows up while putting a widget with the time selctor properties to it.

Widget:

{
      "componentId": "Data points table",
      "classes": {
          "data-points-table": true,
          "card-dashboard": true,
          "panel-title-regular": true,
          "card": true
      },
      "_x": 0,
      "_y": 0,
      "id": "06522756-0189-46ef-a606-9079b691e984",
      "title": "Data points table",
      "_width": 8,
      "config": {
          "refreshOption": "live",
          "datapoints": [
              {
                  "fragment": "AIn",
                  "unit": "",
                  "color": "#324123",
                  "series": "Cp_CgIncl",
                  "lineType": "line",
                  "__active": true,
                  "__template": null,
                  "label": "AIn → Cp_CgIncl",
                  "renderType": "min",
                  "yAxisType": null,
                  "__target": {
                      "name": "Test-Device",
                      "id": "52199198112"
                  }
              }
          ],
          "displaySettings": {
              "globalAutoRefreshContext": true,
              "globalTimeContext": true,
              "globalAggregationContext": true,
              "globalRealtimeContext": false
          },
          "dateTimeContext": {
              "dateTo": "2025-12-11T19:02:59.000Z",
              "interval": "hours",
              "dateFrom": "2025-12-11T18:02:59.000Z"
          },
          "decimalPlaces": 2,
          "refreshInterval": 30000,
          "isAutoRefreshEnabled": true,
          "aggregation": null,
          "displayMode": "dashboard"
      },
      "_height": 4
    }

image
image416×187 8.65 KB

Now, using the current new websdk version 1023.9.0, the global time context selection in dashboard top navigation does not show up anymore …

Is there kind of a new logic behind that or am I missing a new Import or properties in my widgets? Does anybody know what changed here?

HTML-code of my dashboard:

<c8y-widgets-dashboard

        [context]="context"

        [widgets]="displayWidgets"

        [settings]="{

            isLoading: false,

            isDisabled: false,

            canDelete: false,

            translateWidgetTitle: false,

            allowFullscreen: false,

            onEditDashboard: true,

            title: false,

            canCopy: false

        }">
    </c8y-widgets-dashboard>

The variable displayWidgets is set dynamically in my component.ts (see json above). The json is copied from a test-dashboard (current version) where everythink works fine.

Widget shows up, but no dashboard time selector :expressionless_face:

Thanks in advance

2

Hi,

In the new Web SDK version 1023.0.0, we have introduced a new version of the global time context, which is a breaking change and requires some changes to the widget view and widget configuration. An in-depth guide (user guide and an example in the tutorial application) is on the way, as we had to make some last-minute changes.

To implement the new global time context in a custom widget, please check the attached PDF with the quick guide.

Global Time Context v2 - Quick Integration Guide.pdf (143.1 KB)

If you have any questions, feel free to reach out.

Best regards,
Dawid

3

Thank you! I’ll have a look at it.

1 Like