Monday 15 March 2021

Animate icon in GoJS

I have a graph with nodes that contains icons:

$(go.TextBlock, {
  font: '18pt Material Icons', alignment: go.Spot.LeftCenter, stroke: '#FFFFFF',
  margin: new go.Margin(0, 5, 0, -34),
},
  new go.Binding('text', 'statusIcon')),

I would like to rotate statusIcon infinitly but only if statusIcon matchs a value.

I have looked how to add a css rule like this.

font: '18pt Material Icons', alignment: go.Spot.LeftCenter, stroke: '#FFFFFF',      
margin: new go.Margin(0, 5, 0, -34),animation:'spin 4s linear infinite';

But I get an error

Trying to set undefined property "animation" on object: TextBlock

I suppose that only few css rules are accepted by gojs TextBlock.

How can I add animation to only a node sub element ?



from Animate icon in GoJS

No comments:

Post a Comment