Skip to main content
Z
ziofonta222
Known Participant
August 19, 2014
Question

Overlapping items that act as buttons

  • August 19, 2014
  • 1 reply
  • 503 views

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!

    This topic has been closed for replies.

    1 reply

    Lilybiri
    Lilybiri
    Legend
    August 19, 2014

    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.

    Z
    ziofonta222Author
    Known Participant
    August 19, 2014

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

    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

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

    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".

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices