Using animation in Cumulocity cockpit scada/html widget

[Christof_Strack]

Hi,

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.

<svg
  width="300"
  height="300"
  viewBox="0 0 300 300">
  <polygon points="030,30 30,90 81.2,60" fill="green">
    <animateTransform
      attributeName="transform"
      attributeType="XML"
      type="rotate"
      from="0 70 70"
      to="360 70 70"
      dur="5s"
      repeatCount="indefinite" />
  </polygon>

   <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" />
   </circle>
</svg>

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

[Pawel_Rynarzewski1 (Paweł Rynarzewski)]

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: