Forum Discussion

JessicaBentall-'s avatar
JessicaBentall-
Community Member
3 days ago
Solved

State change issues

Hello everyone,
I am wondering if anyone can spot what I might have done wrong with the content I have attached. The template is actually one of Storylines own in built templates, but tailored to suit my content and tweaked slightly. 
The idea I am trying to achieve is that when the learner hovers and selects each number the state of the bar, button and number all move to the right of the screen and change colour. I have succeeded in getting the bar and circle to slide across, using states and did the same for the number, however, the number is not moving when playing in preview. This is bizarre, because when I go to edit the state, it shows at as being in the position I want it to be, yet when playing it stays where it is. I have attached the file for you all to see and play with.

Any suggestions would be gratefully received! 

  • Here you go, I think this is what you were looking for?

    What I have done is, I took your oval and number and added it to the state within your main rectangle. Then I just moved the oval and number to the new position.

    Also, when creating various states, use "new state" instead of "duplicate state", this way you will not see the initial - in your case - the dark rectangle in the selected or hover state.

3 Replies

  •  I see a possible reasons.

    The number is not part of the oval and is not moving with it. When I ungroup one of them, remove the number and add it to the oval, then regroup it works fine. You will need to work on the test box format for the number to get them to look good.

    Good luck. 

  • IrisSchlabitz's avatar
    IrisSchlabitz
    Community Member

    Here you go, I think this is what you were looking for?

    What I have done is, I took your oval and number and added it to the state within your main rectangle. Then I just moved the oval and number to the new position.

    Also, when creating various states, use "new state" instead of "duplicate state", this way you will not see the initial - in your case - the dark rectangle in the selected or hover state.

    • JessicaBentall-'s avatar
      JessicaBentall-
      Community Member

      Wow! Thank you! Myself and the team did not know you can take the timeline shapes out and place into the states. Genius!