Removing border on Web Object

[Mike G]

Does anyone know if there is a way to remove the border you get when you insert a Web Object? In regular html pages you can use an iFrame and set the border to none. Is it possible to do something like that with a Web Object in AP?

[brianosmi]

Originally Posted by Mike G

Does anyone know if there is a way to remove the border you get when you insert a Web Object? In regular html pages you can use an iFrame and set the border to none. Is it possible to do something like that with a Web Object in AP?

There is no way to remove the border around web objects (that I know of at least).

One thing you may be able to do is modify the background color or design of the slide containing the web object in such a way that the border is less noticeable. Not ideal, I know...

[daveperso]

Hi Mike and Brian,

To get rid of the border you need to reference your web object within another html file., at least this works for me.

1 Locate the index.html file of your web object and change the name to anything else, like subindex.html.

2 Create a file using Wordpad or an html editor and call it index.html . Insert the following code in the file:

<FRAMESET title="Player" border="0" frameborder="no" rows="*" onload="doLoad()" onunload="doUnload()">
<FRAME title="Content" NORESIZE scrolling="auto" marginheight="0" marginwidth="0" src="subindex.html" name="course_frame"></FRAME>
</FRAMESET>

Notice that the src= is linking to your renamed original index.html (in this example subindex.html). I am not sure that all of these parameters are necessary but it works as it is.

3 Now, insert your webobject into Articulate by specifying your newly created index.html.

You should find that the border disappears.

This presentation here I made some time ago about incorporating Camtasia as a webobject illustrates the no border feature. Even though the background colour is black, a white border was appearing around the Camtasia web object until I had amended the index.html file.

Hope that helps

Dave

[brianosmi]

Dave, thank you so much for the example and detailed instructions... This is one thing that has kept me from utilizing web objects more in my presentations. I will definitely bookmark this page for future reference.

[Justin]

brilliant!

[GMAN_55]

daveperso,

I tried your suggestion, but when I published the presentation, nothing but an empty frame displayed. I attempted to create the new index.html file in Dreamweaver CS3 - but kept getting error messages about no COLS or ROWS defined - and it defaulted to 2 rows. I then created the new index.html file in Notepad. I also referenced the file 'subindex.html' as the "src" in the index.html file and did rename my original index.html file as 'subindex.html'. Is there something that I'm missing or doing incorrectly?

Thanks,

GMAN

[daveperso]

Hi GMAN_55 !

Glad to see you giving it a go ! I have been using this 'solution' consistently without any problems (as yet) with different types of web object.

Definitely forget Dreamweaver or indeed any web editor. All you need is notepad and a simple text file with the html or htm tag.

From what you say, it sounds like the html page being referenced in the index.html file does not correspond to what is actually there, hence the blank page. This sometimes happens to me when I inadvertently get mixed up between my htms and htmls.

Your description of what you do seems to be correct. Obviously make sure that the folder which contains your web object, also contains the 'new' index.html file and the renamed subindex.html file. When you import this web object into Articulate, Articulate will bring all the necessary files with it in that folder.

Check that the subindex.html file is referenced correctly (ie. html and not htm or whatever you choose).

Try launching your webobject OUTSIDE Articulate to see if it works. Normally, you should be able to click on your newly created index.html file and the webobject will launch in its own page. If it doesn't work, it probably means that the code has been badly copied or the referenced file is not correct. If it DOES work, but it doesn't work inside Articulate, make sure that you are referencing the correct web object.

I'd be keen to know if you solve the problem.

HTH

Dave

[GMAN_55]

Dave,

Still wasn't able to get it to work :>(

I checked all my settings and even created a new file and brought it into a new slide in Articulate. But when I published - I got the same result- a blank frame but without the flash file playing. When I check this outside of Articulate by double-clicking the index.html file - it plays in the browser window. I also noticed that ther's a file called AC_RunActiveContent.js that must be in the same folder with the index and swf files - or it won't play at all. When I open the file in the browser (IE) - I get the message that IE has restricted the file from showing active content. I don't have this issue with FireFox. Not sure if this is causing any problems.

Would love to get this to work. If you, or anyone else, has any other ideas - I'd love to hear them!

Thanks,

Gary

[daveperso]

Just checking. Are you able to get this web object working within Presenter the normal way ? ie. without trying to get rid of the borders. Looks like your web object has built in code to remove the 'Click to activate Flash' message (activating active content) you get sometimes with embedded Flash. Maybe that is interfering. I will investigate.

What sort of webobject is it? Camtasia uses another non-Adobe solution to the active control problem, which is actually a 'open to all' solution called SWFObject available here. I have just corrected a Flash web object using the no-borders solution I mentioned plus the SWFObject solution for the activating active content issue. You can see it here. The web object is the 'Arrow Training'.

One option (maybe) would be to use the SWFObject solution to reference your swf files.

PS. Gary, if you could give me a dummy example of your web object, then I would have a go myself.

[GMAN_55]

Dave,

I am able to display the web object in Articulate the normal way - without attempting to get rid of the borders. The web object is a swf file created in Flash CS3 Professional. I'll check into the SWFObject option.

How would you like me to send you my file? I would prefer not to send it via the forums if possible.

Thanks
Gary