Storyline 2 - Web Objects

You can in fact put objects on top of SL2 web objects. However, if the mouse is hovered over the web object it will be shown on top of all other content. See here: http://www.articulate.com/support/storyline-2/how-website-videos-and-web-objects-are-layered-with-other-slide-content

Thanks Michael!  After further testing I have found that what you descriptes works for some web objects but not for others.  For example, when inserting a published output from Captivate as a Web Object, it always displays on top of everything else.  Even if you set it to the bottom layer.  Do you know why this would be and how to fix?

After doing some futher testing, the Captivate Web Object layering works in Chrome, but not in Firefox or IE.  In Firefox and IE the Web Object is always on top.  Screenshots attached.  Does anyone know of a workaround?  Thanks!

This seems to be caused by the HTML page that is created when Captivate is published. See this test here, with three web objects: http://dev.keypointlearn.com/xcl73_SL2/WO/V6/story.html

The first one is a normal HTML page (the webobject behaves like I had explained). The second one runs Captivate-published content inside a webobject (it behaves like you had noticed). The third one shows the same Captivate .swf but run inside a HTML page I created (NOT using the one created by the Captivate publishing process). This one behaves as expected for a SL2 web object.

Thanks for pointing that out Mike!  I tested what you described and had successfull results by wrapping the Captivate swf in a custom HTML page as well!  It's now working across browsers as desired!  I really appreciate your support!

Hi Ken, great to hear that it works for you. I still wonder though what's inside the Captivate HTML page that forces the web object to the front. Also, I vaguely remember that the Captivate HTML page (and the JS file that goes with it) is required to make right-clicks in software demos work.

Hi Mike - I did a little further investigating and tracked down the issue with the Captivate generated html file. 

To fix it change the following line in the Captivate generated html file:

so.addParam("wmode", "window");

to:

so.addParam("wmode", "opaque");

This allows objects to appear on top of the swf!!

Hi Ken, thanks a lot for figuring this out! I learned something new today :-)