Help with html files when placing Web Content overlay

Hi there,
We have an educational app with lots of interactive exercises - all of which were initially designed in Flash.
I have converted the fla files into hmtl using Wallaby. For each fla file, Wallaby creates a js, css and html file as well as an assets folder.
When I place the Web Content frame, and link it to the html file, do I link it to the actual html file Wallaby created? It won't let me select the folder with all of the files in it as is, and I can't link it to a zip file either... So how does it recognise the assets if I only select the html file? (see screenshot)
Or do I need to add an HTMLResources folder and link it to that?
Thanks in advance for any help given.

You link to the HTML file but make sure these things are in their own folder or InDesign will add EVERYTHING in the folder that has the html file in it.
Bob

Similar Messages

Spinning wheel when placing web content.

Whenever I place HTML files or .oam files into DPS folios I get the spinning wheel briefly on the page before the HTML content loads, only for maybe half a second (longer on my old iPad 1!!) but it's very annoying as the animation is only very simple. The oam file especially is only 78k!! Can someone explain why the action isn't instant as with the internal functionality of DPS such as auto play MSOs and such. And if there is a way to avoid it.
Thanks in advance,
Jon

Hi,
It is something I have tried to look into before with no answer as of yet.
It is annoying, really this should be something that we should be able to turn off in the web overlay because a lot of the interactive features we build are through HTML or edge files it always seems like you are loading an add on rather than the content being integrated into the app. Maybe there should be a feature to preload the HTML5 content and only play on page load which would stop the content delay issues.
Cheers
Rob

When client open folder with html files to preview web site, some pictures are missing when previewed.

However all images are in "images"folder. Same images are missing when previewed in Firefox and Explorer.
Any idea why?
Thanks.

Are you sending this other person all of the image files in
the same relative location as they are on your local computer?
For instance, if you are sending them index.html and your
images are in a folder called images, you should be sending them a
Zip file with the following enclosed:
index.html
images (folder)
image1.gif
image2.jpeg
If you are sending this type of structure to your other
party, check the links in code view. Make sure they are relative.
If they are, on the index.html page they would look like
images/image1.gif. If it says anything like C:/ or something that
points to a local drive they you will need to make sure the image
are within the site definition and then save the files
again.

Problem with CSS files when placed in multiple locations.

Hi,
In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
ABC
---Scripts
---Stylesheets
DEF
Scripts
Stylesheets
Common
---Scripts
---Stylesheets
The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
Facing similar problem with module specific and common js files.
We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
MII Version: 11.5
Please help!
Regards,
Rajesh.

Rajesh,
Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
for example,
say CSS1 has
.bodycolor
background-color:yellow;
.button
color:red;
h1
font-size:50pt;
and CSS2 has
.bodycolor
background-color:red;
.button
color:yellow;
And your HTML is,
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>CSS Test</title>
</head>
<body class="bodycolor">
<h1>Hello World</h1>
<input type="button" class="button" name="B1" id="B1" value=" Click " size="50">
</body>
</html>
In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
Hope this helps!!
Regards,
Adarsh

Help with PSD file when smaller

When making high res PSD file smaller in the canvas, the image looks more pixilated. When the PSD is larger it looks crisp. Does this have to do with the DPI? (currently 72). I cant figure out why it wont stay sharp looking when much smaller (logo bug in the corner). Any ideas?
Thanks
Mike D

Or open one of the video templates in Photoshop that matches the pixel dimensions of your FCP sequence. Make sure it has a transparent background. Paste the logo in, resize and position with the Transform controls.
Save as a TIFF with the Preserve Transparecy option on. Import into FCP, where it will composite automatically over your video.

How to make a VR html file autoplay via the Web Content overlay

Hello,
We have created a VR using Object2VR and have loaded the .html file via the Web Content Overlay panel in InDesign CS5.5.
We want this VR to play automatically on page load, so we have checked the box 'aut play' in the Web Content overlay panel, but it won't play automatically.
We've tried switching the auto play off in Object 2VR and switching it on in the Web Content overlay and vice versa and also with both on, but still we cannot get it to autoplay.
Any suggestions? Is this a bug?
thanks,
AG

DPS is no longer supported in 5.5 you need Indesign 6 or Creative Cloud.
Set you auto play delay for the web overlay to something other than zero seconds, 0.125 works, if it is set to zero seconds. Leave the auto play enabled for the VR.

Web Content Overlay Link to the HTML Resources

Hi guys,
Does anyone know what should go inside of "URL or File" field for the Web Content overlay if I need file from the HTMLResources.zip?
DPS documentation is very unclear/confusing (e.g. there is no ".html" at the end):
For the file inside of HTMLResources.zip with this path:
HTMLResources.zip/Cartoons/train1.html
Documentation (https://helpx.adobe.com/digital-publishing-suite/help/hyperlink-overlays.html#link_to_asse ts_in_the_html_resources_folder) has:
Web Content overlays are nested two levels deeper than an HTML article. Example:
<a href=”../../../HTMLResources/Cartoons/train1”>See Train Cartoon Gallery</a>
I'm getting an error "File URL for web content is missing or does not exist" if I enter this inside of the "URL or File" field:
../../../HTMLResources/Cartoons/train1
Thank you for your help,
Gennady

Thank you, joev and Bob,
Update to the text below: I just realized that documentation explains how to call some file from the HTML content of the Web Content Overlay, not how to get the HTML content inside the Web Content Overlay. I can probably do redirect to the train1.html from plain HTML code inserted into Web Content Overlay. So there is no way to use link to the file as for the http://webServerPath/Cartoons/train1.html?
We have 1 html file that uses 1 image file, both files inside the folder inside HTMLResources.zip and I need to display that html, so:
HTMLResources.zip/Cartoons/train1.html
HTMLResources.zip/Cartoons/train1.png - referenced inside train1.html
If I use http URL, e.g.
http://webServerPath/Cartoons/train1.html
then everything works, if I try to set that URL to the HTMLResources:
../../../HTMLResources/Cartoons/train1
or
../../../HTMLResources/Cartoons/train1.html
I'm getting an error, even documentation explains what link should be used.
Workaround when we just use the local HTML folder also works.
Thank you!

Can't interact with Web Content Overlay when article is zoomed in

I have a problem with Web Content Overlay. It's working (interacting) only when article is viewed in 1:1 scale. Articles are added as PDF's, and when i do pinch zoom on them - Web Content Overlay stops reacting on click events.
Is it a general WCO limitation?
Can article with Web Content Overlay be zoomed in and still give user the ability to play with HTML content?
Piotr

Hello,
'''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
''(If you're not using it, switch to the Default theme.)''
* You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
''Once you get the pop-up, just select "'Start in Safe Mode"''
'''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshooting extensions and themes]] article for that.
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
''When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.''
Thank you.

InDesign Crashes when uploading an article with Web Content Overlay - have checked forums

I'm making a folio for my design portfolio in InDesign CC
I currently have one article uploaded, when I try to add my next article InDesign crashes.
I have previously uploaded the article without the single web content overlay and it uploads fine.
The status bar gets stuck at the end 'Building folio ... Processing overlays...'
The content is a simple web form and is only on page 6/6 - not sure why it's freezing by adding a small page on the end.

I've just tried uploading a single page article with the Web Content overlay and it's crashed again.
Not sure if that means it's the web content?

Web Content overlay crashing! Help?

Everytime I try to use the Web Content overlay, InDesign CS 5.5 crashes. Working in Mac OS 10.6.8, for what it's worth.
I have a local html file that should display an RSS feed. When I try to bring it into my InDesign file with the Web Content overlay, everything seems fine until I try to save or preview; that's when InDesign spins and spins and spins until it crashes. I've tried much simpler html (just a black box that should appear on the screen) just to test, but it still won't work.
Here are my steps:
1. Create local html file and test in browser. No problems.
2. Within InDesign document, create bounding box to exact size or larger of what the html file will take up. No problems.
3. Using the Web Content overlay, choose my local html file to go in the box. Autoplay on. No problems.
4. Preview or save. CRASH.
Am I doing something wrong? Is anyone else having this issue? Help?

I have been getting exactly the same thing happening. I worked on this months ago and gave up eventually.
I tried again yesterday and after a few crashes I got this to work. Not sure exactly what fixed it as I tried many things but here is a rundown. I did get multiple crashes but persisted this time.
I made a new document to house my animation, it was 200 x 400 pixels (size does not matter as long as its consistent - see further on).
I created the animation in Indesign CS 5.5 and tested. Once I was happy I exported the FLA into a folder. Not sure if this helped in any way but I moved the Indesign doc into the same folder.
I used Wallaby to point to the FLA and converted it into HTML5 and saved all the elements into the same folder. I dropped the .html onto the browser and it worked fine.
I then drew a frame in my Indesign doc exactly the same size as previous, ie 200 x 400 pixels (again not sure if this had any effect on fixing the issue but it worked for me). I used overlay creator/web content to point to the .html file. I saved the folio and uploaded it to DPS.
When I checked this on the iPad it works fine.
Again, not sure how or what exactly fixed this but it works.
Could just be that the more you try it the less it crashes and eventually works. :-s
Hope this helps.

YouTube embed in web content overlay crashes InDesign when previewing

I created an HTML file with this code:
<!DOCTYPE html>
<html>
<body>
<iframe width="560" height="315" src="http://www.youtube.com/embed/xxxxxxx" frameborder="0" allowfullscreen></iframe>
</body>
</html>
I then created a box in InDesign and used the Web Content Overlay and selected the HTML file I created.
When I go to preview my pub on the connected iPad InDesign stops responding during "Checking Folio Contents x of x"
Is something wrong with my HTML file? Is it even possible to do this?
For background info: I'm trying to get the same effect of streaming a video from YouTube as I would if I were to directly embed the mp4 into my pub. I don't know if this is even possible or what is the best way to do this.
Thanks in advance for your help.

Thanks Bob.
Okay, so here are the steps I'm taking:
1. Go to YouTube
2. Copy embed code
3. Go to InDesign
4. Paste embed code
This creates a web content area with the video embeded. So the user can click play on the video once it loads and can then click full screen on the video controls.
What I'm trying to do is have a button on my page which links to a full screen view of the YouTube video so when the page loads the video doesn't load but when the user clicks the button it would then load the YouTube video full screen. I'm looking for the same functionality that is possible were I to embed an mp4 straight into my document, hide it, and then create a button that plays the video in full screen mode.
Is the above possible?
Thanks.

Invalid URL for Web Content Overlay. Help?

I am doing a french tranlation to an existing folio app that someone else created.
There is one page in my folio that is comprised of garbage and a trash can. You touch the garbage and drag it into the trash, and things change, etc.
I have an index.html file and a bunch of other images.
I can't even successfully add the article to my folio, I get this warning: Content Generator Error. Invalid URL for Web Content Overlay.
Can you walk me through how to get this to work?
Attached is a screen shot of my file structure...

When you specify the .html file, all the content in that folder is uploaded automatically. Here's an article about Web Content overlays:
http://help.adobe.com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c73657495129f66e490f-7f fa.html
And here's an article and video about HTML articles:
http://help.adobe.com/en_US/digitalpubsuite/using/WS67cb9e293e2f1f60530cf39c12f5fcd6d46-80 00.html

How to fit HTML into a web content overlay?

How can I fit a 640px x 960px HTML generated from Adobe Animate into a Web content overlay with 640x x 960x dimension graphic frame?
When I uncheck the "scale content to frame" option, the HTML was scaled up--cropping 3/4ths of the image. But with the scale content frame option selected, the HTML was scaled down showing the whole image but on a 1/3rd scale.
The article format is set to PDF.

I assume you mean Edge Animate.
What version of ID? Did you fully patch Edge to 1.0.1?
If you have CS6 you can just place the OAM file.
Bob

Displaying HTML in a Web Content Overlay

I have an article created in Indesign. I add a frame holder and create a web content overlay with a local html file and allow user interaction selected. When I preview the folio in either content viewer or on an iPad the html only appears after you click/tap the frame holder. Is this by design? If so, is there a way to have the html visible when the article is loaded (displayed) without a click/tap?
Thanks
Joe

Thanks Neil. That is not what I expected. My reading lead me to believe auto play was for mostly animations. I did try it with a 0 second delay and had no change. Why does the.125 second delay make it work? Trying to understand.
Thanks Again.

Help with add file name problem with Photoshop CS4

Frustrating problem: Help with add file name problem with Photoshop CS4. What happens is this. When I am in PS CS4 or CS3 and run the following script it runs fine. When I am in Bridge and go to tools/photoshop/batch and run the same script it runs until it wants interaction with preference.rulerunits. How do I get it to quit doing this so I can run in batch mode? Any help is appreciated. HLower
Script follows:
// this script is another variation of the script addTimeStamp.js that is installed with PS7
//Check if a document is open
if ( documents.length > 0 )
var originalRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.INCHES;
try
var docRef = activeDocument;
// Create a text layer at the front
var myLayerRef = docRef.artLayers.add();
myLayerRef.kind = LayerKind.TEXT;
myLayerRef.name = "Filename";
var myTextRef = myLayerRef.textItem;
//Set your parameters below this line
//If you wish to show the file extension, change the n to y in the line below, if not use n.
var ShowExtension = "n";
// Insert any text to appear before the filename, such as your name and copyright info between the quotes.
//If you do not want extra text, delete between the quotes (but leave the quotes in).
var TextBefore = "Lower© ";
// Insert any text to appear after the filename between the quotes.
//If you do not want extra text, delete between the quotes (but leave the quotes in).
var TextAfter = " ";
// Set font size in Points
myTextRef.size = 10;
//Set font - use GetFontName.jsx to get exact name
myTextRef.font = "Arial";
//Set text colour in RGB values
var newColor = new SolidColor();
newColor.rgb.red = 0;
newColor.rgb.green = 0;
newColor.rgb.blue = 0;
myTextRef.color = newColor;
// Set the position of the text - percentages from left first, then from top.
myTextRef.position = new Array( 10, 99);
// Set the Blend Mode of the Text Layer. The name must be in CAPITALS - ie change NORMAL to DIFFERENCE.
myLayerRef.blendMode = BlendMode.NORMAL;
// select opacity in percentage
myLayerRef.opacity = 100;
// The following code strips the extension and writes tha text layer. fname = file name only
di=(docRef.name).indexOf(".");
fname = (docRef.name).substr(0, di);
//use extension if set
if ( ShowExtension == "y" )
fname = docRef.name
myTextRef.contents = TextBefore + " " + fname + " " + TextAfter;
catch( e )
// An error occurred. Restore ruler units, then propagate the error back
// to the user
preferences.rulerUnits = originalRulerUnits;
throw e;
// Everything went Ok. Restore ruler units
preferences.rulerUnits = originalRulerUnits;
else
alert( "You must have a document open to add the filename!" );

you might want to try the scripting forum howard:
http://www.adobeforums.com/webx?13@@.ef7f2cb

Help with html files when placing Web Content overlay

Similar Messages

Maybe you are looking for