icon appears won't appear anymore
Aug 13, 2017
By
K kai
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
Can you share the slide?
Unfortunately I can't, but if you tell me what kind of information you look for, I can check.
Is this a content slide or a quiz slide?
You can check what the revisit slide properties are.
You can check if the object is on the timeline for the entire duration of the slide (is there an arrow at the end of the line where the object is on the timeline?)
It is a content slide, with only .png and objects.
I checked both property slides, but actually it should not matter. The icon should reappear whenever I hit the button again, right?
I checked the slides, and every object on every slide is set at 5s. What does this mean exactly?
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?
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)
You would need to use a variable - T/F default to false should work. E.g call it slideVisited
On the button
On the slide
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.
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.
Hello K!
Did you intend to attach a .story file here for us to take a look at Wendy suggested above?
You can share right here in the forums with your reply:
added the sildes and icon with 2 states.
- also I removed every object and png, but loading time is still quite long (3s) why is this?
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.
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.
Alright. Let's see if I'm understanding this time.
The one challenge is the revisiting due to your leaving the settings at 'resume saved state', but working with the items provided I think we have it.
Check out your updated file.
Thanks, this is what I have been looking for.
I did some more tests, using a .gif, and set it to initially hidden.
I set it to show when the button is clicked, but then the .gif won't run anymore?
Glad that helped you out K - downloading your latest file and taking a look.
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.
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.
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.