4 Replies Latest reply: Nov 4, 2014 10:04 AM by Lilybiri RSS

    Flash buttons with visted state in Captivate 6?

    zoeonly Community Member

      Hi all,

       

      I'm hoping someone can help me think this through. I don't mind creating what I'm looking for, but I'm struggling to even think through the logic of how they might work. Hopefully someone here can help.

       

      A few years back, at a previous job, we had a template for screenshots where the learner could roll over numbered circles or little circles with flags in them that were next to important fields to get pop-up descriptions of those fields. I'm 90% positive the numbered circles were individual flash objects. I know they were not Captivate buttons or images. The had an unvisited state if the learner hadn't touched it, a hover state that appeared only when the learner had the rollover window up for the first time, and then a visited state that appeared as soon as they rolled away and persisted. They could still roll over anything afterward, but it gave them a visual indication of what they had seen and not seen. We would often set it so that all had to be rolled over before the learner could continue in the course. This was using Captivate 4.

       

      I'm trying to do something now where I would like to get that same functionality where the button changes on rollover and then again on rolloff, but cannot figure out  the logic of it. Nor do I have an old sample to deconstruct. Anyone have thoughts on how this might have been accomplished?

       

      Thanks much!

        • 1. Re: Flash buttons with visted state in Captivate 6?
          Captiv8r CommunityMVP

          Hi there

           

          Without seeing exactly what was going on in that project it's difficult to say exactly. But I would think if you used basic Button objects you could easily accomplish it.

           

          Image buttons have three images. One is presented as the button sits on the slide. A second is presented when the mouse passes over the button. And a third briefly appears as the button is clicked.

           

          So if you used a basic button with the desired images for the moused over and not moused over part, you would get the rollover change you want. To get the persistent state, you could have another button in the same identical location but have it hidden. The hidden button would have the image representing the visited state. Then you would create actions that would perform the button functionality (open a PDF, or visit a slide or whatever) and part of the advanced action would hide the original button and show the "visited" version.

           

          Cheers... Rick

          • 2. Re: Flash buttons with visted state in Captivate 6?
            zoeonly Community Member

            Thanks, Rick! I was focused on recreating what we'd done before and didn't even think about this as a solution. I'll try it out and let you know how it works!

            • 3. Re: Flash buttons with visted state in Captivate 6?
              zoeonly Community Member

              Ok, so this is a possible solution, but not completely accomplishing what I'd hoped. First, unless I'm missing something, this solution would require the user to click and I actually want the action to happen on rollover. I also want to be able to reuse this without requiring a lot of rewriting of advanced actions, which is something I didn't mention before but is important. 

               

              The genius of the original solution was that it used the native Rollover feature in Captivate. It just also allowed you to see what you had visited and what you hadn't. Any other ideas about how this might be accomplished? I appreciate any thoughts because I certainly have failed miserably at figuring it out.

              • 4. Re: Flash buttons with visted state in Captivate 6?
                Lilybiri CommunityMVP

                I miss some information: will you publish to SWF or/and to HTML5?

                If it is only to SWF, the Eventhandler widget of InfoSemantics is a great way to use rollover and rollout events. It certainly could help you to accomplish your goal, but it is not free.

                 

                The only rollover event available in Captivate is for a rollover slidelet. It can trigger an action, that could allow you to put a semi-transparent image over the circle. You don't need the slidelet itself (drag it off stage) but only the rollover area.