icon appears won't appear anymore

Aug 13, 2017

I have a couple of slides that are quite long to load. So I want to add a loading icon. When the user clicks on the button, the icon should appear and then jump to another slide. 

I added a icon that changes states from hidden to visible. in the preview when I click the button, the icon appears as it should. but when I return to the page and click the button again, the icon won't show anymore. but it does jump to the other slide.

I added the icon in another layer, but the same issue. The layer appears only when I first click on it, when I click again it won't appear anymore. 

18 Replies
Wendy Farmer

If you have icon in hidden state and slide set on revisit to reset to initial state when you go back to the slidede it will be hidden again.

do you have any animations on the object (entrance or exit animations) - is there slide transitions

its difficult to say what is happening without see the slide. Can you remove the information and upload the slide?

 

K kai

Seems I messed up with the revisit settings, thanks for your suggestions.

Could you help me with a proper way to design a loading icon, with these properties:

- the loading icon needs to be shown only when you jump from slide A to slide B (by clicking a button). 

- when returning to slide A, the loading icon should disappear again. it should only reappear when you click the button. 

- the loading icon should have 3 states: 

state 1) hidden. (button has not been clicked yet)

state 2) visual of 25 percent loaded. (0-2 seconds after clicking the button)

state 3) visual of 75 percent loaded. (2-5 seconds after clicking the button) 

Wendy Farmer

You would need to use a variable - T/F default to false should work. E.g call it slideVisited

  1. set up 2  states  (25%) and (75%) with your visuals- hidden is built in you should select this initial state option from the dropdown in the edit states tab - ,
  2. create a T/F variable called eg. slideVisited and default to false.
  3. Set triggers in the following order

On the button 

  1. adust variable slideVisited to True when user clicks button
  2. change state of icon to 25% when user clicks button
  3. jump to slide b when user clicks button

On the slide

  1. change state of icon to 75% when timeline starts on the slide on condition that slideVisted=True

This means first time they visit slide the variable won't change until the button is clicks. Once the button is clicked variable changed to True.

Each visit after initial visit button will be True and state should show 75% icon.

If this doesn't work, set up a mock slide with your visuals and I'll try and help you.

K kai

oh I see, what I meant is to have the 75% icon run directly after the 25% icon, because it takes about 7 seconds to load.

So what should happens:

1) On slide A, icon is set to hidden. Then, user clicks on the button.

2) icon changes to state 25% (0-2 seconds after clicking)

3) icon changes to state 75% (2-5 seconds after clicking)

4) after 7 seconds, slide B appears.

5) when revisiting slide A, the icon should be hidden again. but slide settings should be 'resume saved state' because of other variables on this slide. 

Leslie McKerchie

Hi K,

Thanks for sharing your file and allowing us to take a look.

I'm not seeing a state for the 25% or is that the Normal setting that you have?

What is the trigger to change it to 75%? 

I'm not seeing all of what you are saying is happening.

It's hidden when slide starts - I click the button and I see the Normal state - then the slide proceeds to the next one. 

So, running blind here, but you are correct - if you are resuming saved state, the item will not be hidden again unless you implement another variable of some type to reset this.

Not sure if you have a better example or if I have misunderstood your description. Just let me know if we can further assist.

K kai

indeed, normal state is 25%. the issue that I previously posted about, has been solved.

 

however, I would still properly add a loading icon, with these requirements:

(the trigger to 75% should be automatically, 2seconds after 25% appeared)

1) On slide A, icon is set to hidden. to jump to slide B, user clicks on the button (7 seconds loading).

2) icon changes to state 25% (0-2 seconds after clicking)

3) icon changes to state 75% (2-5 seconds after clicking)

4) after 7 seconds, slide B appears.

5) when revisiting slide A, the icon should be hidden again. but slide settings should be 'resume saved state' because of other variables on this slide. 

Leslie McKerchie

Hi K - sorry for the delay.

I took a look at your file and you say 'run anymore'. Do you mean when you return back to this slide as your first question implied? When I re-visit this slide, the gif is running as expected.

I do, however, see a static image when first viewing. I know that we are tracking a couple of gif issues and I've opened a support case on your behalf so that one of our support engineers can take a look. You should be hearing from someone soon.

K kai

Hi, I havent heard from the engineers yet. But even so, there is another problem. Both slides should be set to "resumed state". How do I get a proper loading icon? this means, the icon should only appear when it is loading from slide a to slide b . when re-visiting slide a, of course the loading icon should not be visible anymore, until it jumps to slide b again. I tried using triggers, but I can't hide and show the icon properly. 

 

Leslie McKerchie

Hello K, 

Sorry to hear that you have not heard from our team yet, but we have been exceptionally busy lately.

I did take a look at the file you've shared here and it seems that you've set it up differently. The triggers are set up in a way that the loading icon will not be displayed.

I recorded a brief video here to explain and will add some notes to your case for your support engineer to check out as well.

I would encourage you to work directly with the team there as we dive deeper into your file to help you out.

This discussion is closed. You can start a new discussion or contact Articulate Support.