Buttons disapear when placed above webobjects
Oct 07, 2014
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
Hi James
Check the button position on the timeline you may need to rearrange the order
Thanks but the button is at the top of the timeline. I have even made a layer that shows at the start of the timeline with a button and it doesn't show while the mouse is hovered over the webobject either.
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.
Hi James
I did a test with a webobject on screen, a shape that says 'Click here' in the top right hand corner and placed a hotspot over the top of the shape...seems to work each time I access the slide, the shape is not disappearing...
Not sure if that helps you
Thanks Wendy,
but I am not sure if I am understanding you properly. Is the 'click here' shape on top of the webobject, as in layered on top of it?
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
Hmm I must be getting a different result. So on your test the shape is still displayed when you mouse over the google webobject?
I'm sure you're going to say yes, but I am just trying to be sure as mine does seem to behaving differently.
Hi James...here is a screenshot of the slide and the timeline - the screenshot above displays when I publish the file and I can mouseover the Click here as many times as I want and it doesn't disappear
Looks like `Storyline 2 changed the way web objects worked and objects can now be placed in front of them, this will not work in version 1.
But definitely works in SL2 see here doesn't do anything but it is clickable and above the web object
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.
Phil, here is what I see in your example when I mouse over the web object:
Brett, I get flickering but it stays on top. I am using Safari on the Mac, but it does happen on Chrome
In both the web object is contained though
I see the same in IE11, FireFox 27 and Chrome 38, the blue box disappears once the mouse is hovered over the web object.
Shame thought we had a new feature to play with, odd though that iFrame does not stay within the player
Well, it's billed as a new feature here. "Enhanced Web Objects Build the perfect home for your embedded web content. You can now layer shapes, characters, text, and other objects on top of web objects."
Shame it is not reliable in all browsers, could just be my site though
So is it the intended behaviour of this new feature that the webobject move to the top when it gets focus? Maybe someone from Articulate can clarify.
Not just your site, Phil. I tried with an internal SharePoint site and got the same behavior, including popping out of the iFrame.
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.
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...
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.
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.
"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."
Unless perhaps you put the webobject in a scroll panel??
This discussion is closed. You can start a new discussion or contact Articulate Support.