Forum Discussion

MathNotermans-9's avatar
MathNotermans-9
Community Member
4 years ago

Change color on a SVG with GSAP in Storyline ( part 2 )

To create a dynamic advanced progress meter you need to be able to change color and settings of default Storyline shapes / SVGs. Here i am showing how to get that done. A function in Javascript...
storyline 360
ArtTiculate-f7c's avatar
ArtTiculate-f7c
Community Member
4 years ago

I like what you did with this line of code, Math:

svgElement1 = document.querySelector("[data-acc-text='"+actual_accName+"'] > div > svg > g > path");

Wherever did you get the syntax for that?

  • ArtTiculate-f7c's avatar
    ArtTiculate-f7c
    Community Member
    4 years ago

    BTW. I love that path! svgElement1 = document.querySelector("[data-acc-text='"+actual_accName+"'] > div > svg > g > path");

    • MathNotermans-9's avatar
      MathNotermans-9
      Community Member
      4 years ago

      Yeah, using this kind of syntax a lot. As its a great way to select specific elements in Storyline. Template_literals are nice too. Didnot know them. Great way of making code in Storyline better readable.