Quick Solution for Transparent Web objects in Articulate Presenter
Nov 17, 2011
Hey everyone! I wanted to find a solution that would allow me to place web objects in Articulate Presenter over top of my other objects and still be able to see them and the master slide template so I started reading old forum posts. I had found a few posts about making the background on web objects transparent and decided that a better solution must exist without having to modify any files after they have been exported. So I came up with a simple JavaScript solution to the problem. All you have to do is copy and paste this simple JavaScript function into you html page and you will have a web object with a transparent background. (Remember to not set a background color for your html page because it could override this solution) Here is the code. You can use it in any way you please.
<script>
function transparentWebObject()
{
document.body.style.background="transparent";
var eLayer1 = window.parent.document.getElementById("eLayer1");
eLayer1.style.backgroundColor="transparent";
}
window.onload = function(){transparentWebObject()};
</script>
Enjoy,
Dan White
3 Replies
Welcome to Heroes, Dan! And thanks for sharing!
Hey Daniel,
I know is probably for a different version and a long time ago but In your solution how are you getting a handle on the web object?
Is it the var eLayer1 = window.parent.document.getElementById("eLayer1"); ?
If so is eLayer1 the name you gave the layer or the web object ?
Cheers
Luke
Hi there Luke! In case Daniel is no longer subscribed to this thread, you can also contact him directly via his ELH Profile. Thanks for reaching out!
This discussion is closed. You can start a new discussion or contact Articulate Support.