8 Replies Latest reply: Aug 19, 2014 8:17 AM by ziofonta222 RSS

    Overlapping items that act as buttons

    ziofonta222 Community Member

      I have placed 3 smart shapes that are set to act as button, i set an action to show 3 different groups when each of the shape is clicked. Each group is set as hidden as default state.

      The problem is that when the group became visible, the 3 shapes on the background are still active. That could be correct, but also if i place a big square shape covering everything inside the group, the 3 base shapes still are clickable. I also tried to set the cover shape as a button, and, just to try if something changes, to set opacity to 100 to completely cover the 3 base shapes, but when the mouse goes over the area where the 3 shapes are placed (also if you cannot see them), they are still active and the click will execute the action associated with them. This behaviour is very unusual, I would expect to override every shape-button by placing a new item that completely cover it!

        • 1. Re: Overlapping items that act as buttons
          Lilybiri CommunityMVP

          An interactive object remains interactive even if it is covered by another object. That is not unusual at all, it is the normal behavior 'by design'. And if you have two interactive objects on covering each other, only one will be active. 'Not seen' is no criterion at all, I often use an image over a Submit button that I make invisible to the user to have the functionality of the Submit button but with another 'look'. And click boxes are by default invisible to the user but are interactive.


          If you tried to post some screenshots and a complete description of what you want to achieve, maybe I could help you out. But please, tell which version you are using.

          • 2. Re: Overlapping items that act as buttons
            ziofonta222 Community Member

            These are the base layer shapes. Just after the first white shape (not interactive) that contain the question, i placed 3 interactive shapes.

            Cattura.JPG

            When clicking one of the 3 interactive shapes, i want to show a group that contains a feedback and a button to go back and retry or to continue to next slide.

            This is the example of the "retry feedback" inside the "retry" group

            retry.JPG

            and this is the example of the "correct feedback" inside the "correct" group

            correct.JPG

            I would like just the "RIPROVA" and "PROSEGUI" shapes to be active when each group is shown, while on the contrary the user can click again on the 3 items on the base layer also if i put another shape over them (like i did, placing a big transparent square over them). In my opinion this is not a default behaviour, I worked on flash and html, and if you place one interactive item over another, the action of the item that is "over" is prior to the other, while in this situation, also if i set an action on the transparent big square, if i click on the area covered by one of the 3 shapes when the group (and the transparent square) is visible, the action executed will be that one associated with the shape placed "under".

            • 3. Re: Overlapping items that act as buttons
              ziofonta222 Community Member

              Lilybiri, when you say " if you have two interactive objects on covering each other, only one will be active", you mean that the object that overlaps should be the only one active, right? This is what i want, but is not happening in my situation...

              • 4. Re: Overlapping items that act as buttons
                Lilybiri CommunityMVP

                Now I'm totally confused, I thought that the object that is covering the interactive objects is non-interactive? Is that partially transparent shape also interactive? In your first explanation I understood that it is just a cover and that will not 'kill' the interactivity of the shapes behind it.

                 

                With the action that displays the group, you have to disable the shape buttons. And with the action that takes the cover away (suppose it is the Prosegui button) you have to enable them again so that they are ready to be used when you come back to the slide.

                 

                Since today I have a lot of terminology problems (user talks about video demo and means demo simulation which is something totally different etc): disable means that the shape remains visible but is non-interactive, hide will both disable and make it invisible.

                • 5. Re: Overlapping items that act as buttons
                  ziofonta222 Community Member

                  thank you, forcing the action to disable the 3 base interactive shapes worked. About your question: I tried both using an interactive and non-interactive cover without result. In both of cases the action on the base shape is executed when i click over that area, also if an action is set on the cover object, that sounds so strange to me. It would be more practical to achieve in this way without disabling/enabling each of the base shapes each time. Still cannot understand why the cover object, if set to interactive, does not override actions on the base object.

                  • 6. Re: Overlapping items that act as buttons
                    Lilybiri CommunityMVP

                    It depends on the version, having interactive objects at the same time in the same location often causes problems. I'm just a user like you and learned to use workarounds that guarantee that everything works OK. What was the action for the cover when it was an interactive object? Maybe not always practical, but certainly with shared actions it is not that much more work. Look at my dashboard or lightbox examples:

                    Captivate 8 - First Adventures - Captivate blog

                    Dare to Share - part 1 - Captivate blog

                    • 7. Re: Overlapping items that act as buttons
                      ziofonta222 Community Member

                      thanks, if I will not find out why the action set on cover does not work, I will use shared actions as you suggest, to avoid creating too many advanced actions.

                      On the cover i set the same action as the button "PROSEGUI" or "RIPROVA" (prosegui=continue, riprova=retry), i tried with or without the option "show hand cursor" with the same result: when the cursor is on the area that overlaps the cover and the shape below it, it executes the action of the shape below (strangely).

                      • 8. Re: Overlapping items that act as buttons
                        ziofonta222 Community Member

                        Another reason to not use the "disable" action for the 3 base shape, is that i want to keep showing the "down" state of those shapes, so that it indicates more clearly which was the user's choice. While, if i disable all the 3 shapes, this results in resetting the states of each shapes...