Skip to main content
Participant
August 28, 2017
Question

One button Toggles object visibility and hides multiple others

  • August 28, 2017
  • 2 replies
  • 461 views

Greeting Captivators!

I have created an interactive seating chart as part of a new hire orientation course.

The desired function = user clicks a Department button (multi state Normal and Active) and the following actions happen:

  1. Change state of Department button to Active
  2. A semitransparent shape (highlight) appears over the floor plan representing where that department is located.
  3. Change state to Normal for all the other Department buttons.
  4. Hide All other highlighted areas

Each button toggles Normal and Active and the corresponding highlight toggles Show/hide. For example, User clicks Systems, the Systems button toggles green (Active) and the location of the Systems team toggles to highlighted (Show). Then user clicks Break Room, Systems button toggles to blue (Normal), Systems highlighted area toggles to Hide, Break Room button toggles to green (Active), and Break Rooms highlights are toggled (Show).

It all works! Well...almost. It works the first time. What is happening is when you click from Button A to Button B, to Button C - it all works as designed. However, when you click from Button C back to Button A, there is a dead click. Button C and its highlight toggle, but Button A and highlight do nothing. A second click produces the desired response.

I don't want that 2nd click. How do I avoid it. Here is my project link.

Dropbox - interactiveFloorPlan

Thanks for any help you can offer.

-Dave

    This topic has been closed for replies.

    2 replies

    Participating Frequently
    August 31, 2017

    Dave,

    Advanced action can work in this case, but it's too complicated and prone to problems, especially with the overlapping highlights. If your Captivate version has states, there is a very simple solution to what you'd like to do. You can make the whole chart and the 13 button images a single image, go to the image state view, duplicate the state 13 times, and put the correct toggled button image and grey highlight into each state. Go back to the slide and put transparent shape as button on each of the 13 buttons. In the button actions, simply set the action as change to state 1, 2, 3...13, and it's done. This is much easier than using advanced actions. If you need to edit the chart and buttons image later, changing the original image would automatically change all the states too.

    If your Captivate version doesn't have states, you can do it with 13 slides, it's pretty much the same as using states, except the different "states" are on different slides and the action is jumping to that slide, and you need to set the transparent shapes (as buttons) to "Display for the rest of project", or put them on the master slide.

    Hope this helps!

    Lilybiri
    Legend
    August 29, 2017

    I had a quick look at the file.  I didn't have much time however. Can you explain why those slides are that long, and the buttons pause it at 1,5secs? You seem to ignore that Hiding can be done for a group, which would have shortened your advanced actions considerably, they are very tough now to manage. Maybe you could have used shared actions, certainly looks a typical case. If I have some time today will try to plunge deeper into it.

    DaWa123!Author
    Participant
    August 29, 2017

    This is one of those pet projects that has been lingering around for a while now. I really cannot recall the reason behind the length of the slides. I have reduced those down to something more human

    While Group Hiding is awesome, Captivate still does not allow for nested grouping which is what most of my Highlighted shapes are (had to draw more than one shape for departments located in multiple areas of the building). Instead of using shapes, I will just create those as PNG files in Photoshop. That way, I can create a single group for all highlighted areas.

    I always appreciate project organization strategies, so thank you! I look forward to your analysis of the flawed functionality.

    -Dave

    Lilybiri
    Legend
    August 29, 2017

    No real news yet about your original problem,  but for that type of images I would recommend to use SVG's instead of bitmap images.