Web object, border and scroll bar issues
Nov 02, 2011
I've searched high and low for a solution to this and come close, but not quite there yet. I've published a swf in Captivate 5.5 and inserted it into Articulate as a Web object following Brian Batt's tutorial instructions.
The Cp output is 650 x 360 and I'm inserting the web object at a custom size (not the full slide) using those exact dimensions.
The first problem that I had was that even though the object window was the size that I wanted, the animation itself was smaller than it ought to be and tucked up in the top left corner. The rest of the web object window had a white fill.
I then 'fixed' this issue by changing the 650x360 dimensions within the index.html file to width "100%" and height "100%". That at least centered the animation in the window, but it didn't get rid of the white border. It also added a scroll bar for some inexplicable reason.
I then followed Dave Moxon's instructions for creating an index and subindex file to remove the white border (http://www.articulate.com/forums/articulate-presenter/4234-removing-border-web-object.html). This helped somewhat, but there is still a scrollbar and white at the top and bottom of the bottom of the object window (see below). Unfortunately, I need this to be seemless.
Note: I can remove the scroll bar by changing the src dimensions in the subindex file to "99%" width and height, but this then swaps the scroll bar for more white on the right side of the window.
Anybody know what 'trick' am I missing?
Can I make the white bit transparent or get rid of entirely?
Is there a better way to lose the scroll bar than the 99% solution?
I see that you can't attach more than one file per post, so I've attached the index.html file and will add the sub index.html file in a new post below.