Skip to main content
haukebahr
Participant
December 2, 2016
Question

Can I set an overlay to block elements "underneath" it?

  • December 2, 2016
  • 1 reply
  • 110 views

I am using Captivate 9.

I have a full screen overlay/popup/modal/whatever you want to call it that is displayed when the user clicks a button. Currently, I have that overlay setup as follows: It's a rectangle that is located off stage. The rectangle has a second state that is located on the stage. It has a fully opaque background so when the user clicks the button, the button changes the state of the rectangle to where it covers the stage.

The issue I am having is that the elements underneath the overlay are still accessible. Buttons can still be clicked. Also, even though the opacity of the popup is set to 100%, it is actually not fully opaque. I can still see the elements underneath peeking through after clicking the button.

Is there a way to make the overlay truly opaque so that nothing underneath it is visible and also set it so that it blocks all elements underneath from interaction?

This topic has been closed for replies.

1 reply

Lilybiri
Legend
December 2, 2016

It depends on the output. For SWF output, interactive objects that are covered by non-interactive objects remain accessible and enabled. For HTML output that is less consistent, it could work but not always. To be safe you'll have to disable the interactive objects at the same time as the change of state for the rectangle.

However, since you don't give any details, some objects will always be on top of the stack. That is the case for objects timed for the rest of the project, always on top. That is also the case for master slide objects that are on top and for all embedded objects on question slides.

I don't understand the issue you have with the 'opaque' overlay being transparent, because never experienced that problem at all except for the objects I just mentioned.