Skip to main content
Known Participant
February 1, 2016
Answered

Cp 9 buttons in lower layer are active through top layers

  • February 1, 2016
  • 3 replies
  • 741 views

Hi!

A colleague and I are experiencing an issue with buttons in Cp9.  We haven't tested other types of buttons, but it certainly seems to affect smart shape buttons.  In previous versions of Captivate, when a shape with 100 opacity covers a button (hides it), it isn't possible to click on that button.  In Cp 9, however, the buttons are active even when they are buried below several layers of shapes.  We've even had an issue with lower buttons interfering with buttons that show above them.

It causes problems on slides with show and hide actions. For example, we have a few thumbnails that, when clicked, show a lightbox, a larger version of the image with a close button - the problem is that any buttons below the close button seem to take priority over the close button on top of them.

Has anyone else encountered this issue?  Is there a setting in Cp 9 that we're missing?

Thanks,

Paul

This topic has been closed for replies.
Correct answer Lilybiri

Even in former versions of Captivate, covering up an interactive object with a non-interactive object never did disable that object, at least not in SWF-output. You had to disable the button to make it inactive. Correct is that many versions ago hiding normal buttons, automatically disabled them. Showing those buttons automatically enabled them, and that is not always the case for shape buttons. This means I have a totally different experience from yours about covering shape buttons.

Recently, for HTML output I discovered that this work flow makes the button inactive in some instances, but it is not consistent.

The safest work flow, as in the use case you described, is to always disable buttons that you don't want to be active. That means also that you'll have to enable them. As I told many times in my blog posts it is NEVER a good idea to have two (or more) interactive objects in the same place at the same time!

3 replies

September 15, 2016

I just noticed that this is happening with my Captivate 8 project published as SWF. A 100% opaque smart shape that I placed over the top of an active smart shape button allows mouse clicks to pass through. Ack! So is it the case that mouse clicks go all the way through all layers? Is there any object that will not pass mouse click events through to lower layers? Thx for any insight.

RodWard
Community Expert
September 15, 2016

If you don't want the interactive object's hit area to still register clicks when it is covered by another object then you need to disable the object (with Advanced Actions), not just hide it behind something.

September 15, 2016

OK thx. Got it.

TLCMediaDesign
Inspiring
February 1, 2016

I agree with Lieve.

Layering will deactivate the hand cursor in html, but not the action.

I wrote a script that disables all interactive elements on a slide dynamically when using a lightbox, semi-transparent smartshape. I pass into the function the element I want to leave active. Works like charm.

Lilybiri
LilybiriCorrect answer
Brainiac
February 1, 2016

Even in former versions of Captivate, covering up an interactive object with a non-interactive object never did disable that object, at least not in SWF-output. You had to disable the button to make it inactive. Correct is that many versions ago hiding normal buttons, automatically disabled them. Showing those buttons automatically enabled them, and that is not always the case for shape buttons. This means I have a totally different experience from yours about covering shape buttons.

Recently, for HTML output I discovered that this work flow makes the button inactive in some instances, but it is not consistent.

The safest work flow, as in the use case you described, is to always disable buttons that you don't want to be active. That means also that you'll have to enable them. As I told many times in my blog posts it is NEVER a good idea to have two (or more) interactive objects in the same place at the same time!