Anyway to check to see if all hotspots have been clicked?

May 15, 2013

I'm creating a slide where I want the user to click on 7 different hotspots that will provide them with information about each of these fields on the screen. 

  • When the user clicks on a hotspot the trigger takes them to a slide on that piece of the content. 
  • When they click on the Next button, they are returned to the main slide where they click on another hot spot.

I'd like to ensure that all 7 hotspots were clicked before I allow them to click on the Next button and advance to new material.

Has anyone created something similar?

Do you have any suggestions as to how this work or perhaps another approach?

Thank you.

Liz

6 Replies
Antony Snow

Hi Liz,

Personally, I would use a transparent shape rather than an actual hotspot as you can leverage the ability to apply states to shapes which you can't do with hotspots.

To achieve what you are trying to, I would:

  • Create 7 shapes that will act as your hotspots, remove the outline and set the fill to 100% - if you set the fill to 'no fill' the shape won't be clickable
  • Create a 'visited' state for each and format them the same as the 'normal' state i.e. no outline and 100& transparency fill
  • Add a trigger to the shapes/hotspots that jumps to the slide that has the relevant piece of content on
  • Add a second trigger to the 'next' button on your hotspot slide that jumps to the slide with the new material on when the user clicks it but on the condition that the state of all shapes/hotspots is equal to 'visited'

BTW - is there any reason why the hotspots don't show another layer rather than jumping to a different slide?

Antony

Phil Mayor

Antony Snow said:

Hi Liz,

Personally, I would use a transparent shape rather than an actual hotspot as you can leverage the ability to apply states to shapes which you can't do with hotspots.

To achieve what you are trying to, I would:

  • Create 7 shapes that will act as your hotspots, remove the outline and set the fill to 100% - if you set the fill to 'no fill' the shape won't be clickable
  • Create a 'visited' state for each and format them the same as the 'normal' state i.e. no outline and 100& transparency fill
  • Add a trigger to the shapes/hotspots that jumps to the slide that has the relevant piece of content on
  • Add a second trigger to the 'next' button on your hotspot slide that jumps to the slide with the new material on when the user clicks it but on the condition that the state of all shapes/hotspots is equal to 'visited'

BTW - is there any reason why the hotspots don't show another layer rather than jumping to a different slide?

Antony


+1

Liz Levine

Thank you for your quick reply Antony.  I have tried your suggestion and like the result very much.

I have modified the hotspots to shapes with states

I have moved the hotspot content into layers rather than separate slides.

Now I want to prevent the user from clicking the Previous or Next button when the layer is playing?

If they hit Next while in the layer they go to the next slide and miss all of the content relative I want them to review by clicking on other "hotspots" on my main layer.

If they click on the Previous button while in the layer, they will be brought to whatever slide or layer was previously played and this can get confusing.

Any suggestions?

Liz

Antony Snow

Hi Liz,

Without seeing your slide, I'm not 100% sure what is going on but I suspect that as well as the trigger you added to the 'next' button to jump to the next slide when the user clicks on it on the condition that all of your hotspots/shapes = 'visited', there is also the default player trigger to jump to the next slide when the user clicks on 'next'? - in hindsight, this default trigger could have been modified to add the conditions

I have built a demo of what I expect you to have (although I have only used 3 hotspot/shapes) and I have attached it for you to have a look at.

Does this help?

Antony

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