Buttons disapear when placed above webobjects

Hi Just put Storyline 2 on my computer - yay!!!!

Already having a small issue - boo

At the moment I have a webobject with a button over top of it (one of the great new features and one I have always wanted to be able to do) but when the slide plays the webobject covers the button while you have the mouse over the webobject.

When you are over the menu or other parts of the slide the button appears.

This does make it impossible to press the button because it keeps disapearing when yo umove the mouse over to get to it.

Is there a setting that prevents this?

Any help appreciated

35 Replies
James Brandwood

I have tried placing a shape over the top of the webobject. This means you never hover the mouse over the webobject but also means you can't scroll the webobject. So no good.

I have even tried a variety of triggers that would make the layer with the button show (when mouse hovered, when x loses focus) but the triggers work but the webobject remains on top. frustratingly you can't associate a trigger to a webobject.

 I would love to know if this is actually possible or if perhaps the 'can place objects on webobjects' feature is not quite as described and I can accept webobjects haven't been improved as much as suggested.

Wendy Farmer

Yes James - reading your initial post ..'I have a webobject with a button over top of it'.

I created a shape and triggered that to next slide just for the test, and placed a hotspot on top of the shape which is sitting on top of the webobject — perhaps I am not understanding your requirement and should just butt out

Brett Rockwood

Phil, this isn't working for me in your example. As soon as I mouse over the web object it jumps to the front and hides your blue box so I can't interact with it. Your web object is also not being constrained to the player window. It is coming in much larger and obscurring the player controls and menu area. I just did a similar test putting a button over a web object and got the same results. When I mouse over my web object to click the button the web object moves to the front covering the button and the player navaigation controls.

I wonder if this is a browser issue. I'm on IE8 which is hardly the epitome of moderness, but it is what it is.

Ashley Terwilliger

Hi all,

Here is the documentation for how web objects would behave in SL2 - 

In Articulate Storyline 2, you can layer slide content on top of website videos and web objects. This layering will be maintained in your published output. However, when a learner hovers over the embedded web content, it'll temporarily move to the topmost layer, which may cover other objects on the slide. As soon as the learner moves their mouse so they're no longer hovering over the web content, it'll return to its original position behind other objects on the slide.

So it looks to be the intended behavior - and used to layer objects that the user would not need to click on or interact with. I'd suspect a change in that behavior would need to be a feature request. 

Michael Hinze

Brett Rockwood said:

That's too bad. Really takes away its usefulness. I'm trying to imagine how/why it's useful to have the web object jump to the front and obscur all other content when moused over...

+1 I fail to come up with a real-world use case for this feature and it doesn't work as intended in Safari.
James Brandwood

Wow - I am suprised that is actually the intended behaviour. I agree totally with Brett, so much of the usefulness of this feature is pretty much wiped out here.

When I include a webobject it is usually to do a with a policy or the company intranet and takes up almost the entire slide. I thought I would be able to place navigation tools over the top and that this would be the new feature I used most.

The work around would be what I did earlier and place a shape over the entire webobject so the webobject never takes focus. problem is you can't scroll because it never has focus.

the bit I really don't understand; Sure - make it so the webobject takes fous and goes in font of everything. There are few, but legitimate reasons why you may want to do this but it also means that there is an inbuild trigger that says something like "bring to front when webobject has focus". So webobjects can be related to triggers... but then the developers decide not to let us assign triggers to webobjects. That's an interesting oversight.

Anyway, Thanks everyone for your help on this!! Much appreciated and saved me a lot of time trying to figure out what was going on.

James Brandwood

Brett Rockwood said:

Phil, this isn't working for me in your example. As soon as I mouse over the web object it jumps to the front and hides your blue box so I can't interact with it. Your web object is also not being constrained to the player window. It is coming in much larger and obscurring the player controls and menu area. I just did a similar test putting a button over a web object and got the same results. When I mouse over my web object to click the button the web object moves to the front covering the button and the player navaigation controls.

I wonder if this is a browser issue. I'm on IE8 which is hardly the epitome of moderness, but it is what it is.

Brett, This webobject behaviour is not related to placing objects in front of the webobject or scrolling over the webobject.

I work in a company that has 900+ staff and of that staff we have about 5 whose computers do this oversized webobject thing for all webobjects. IT and I can't figure out why, all the machine are the same image so it makes no sense. As far as I can gather it seems to be a flash player thing. It almost certainly has nothing to do with the Articulate Software (One or Two).

I'm sorry I can't provide more help on this one but if you do figure out the cause I'd love to hear about it.