Using animation in Cumulocity cockpit scada/html widget


I would like to use SVG animations in the SCADA widget.
The tag <animateMotion> works but <animate>, <animateTransform> do not work in the SCADA widget.
I choose the option sanitisation “none” but the animations are skipped. Although in the preview I see the correct animations.

  viewBox="0 0 300 300">
  <polygon points="030,30 30,90 81.2,60" fill="green">
      from="0 70 70"
      to="360 70 70"
      repeatCount="indefinite" />

   <circle cx="100" cy="100" fill="none" rx="10" ry="10" stroke="grey" stroke-width="2">
      <animate attributeName="r" from="0" to="10" dur="1.5s" repeatCount="indefinite" />
      <animate attributeName="opacity" from="1" to="0" dur="1.5s" begin="0s" repeatCount="indefinite" />

The sample below works for the HTML
How do I have to change the svg code to make it work in the SCADA widget? I use frontend: 1018.0.125

Regards Christof

Hi Christof, please raise a ticket for this issue. Apparently SCADA widget’s config and dashboard views use slightly different ways of sanitizing SVG files, therefore difference in behavior. If it was unified, then your SVG file would work fine in the dashboard view as well:
Peek 2023-10-05 12-09

1 Like

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.