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!

Similar Messages

Web Content Overlay-Youtube Error

Hi All,
I want to avoid folio bloat by using the Web Content Overlay linked to an HTML page with a Youtube embed link. Works like a charm on my iPad 2 except for something strange that happens if I tap outside the boundry of the HTML window/viewport. The video will play underneath the viewport at larger size beyond the iPad boundries.
The video window is 1280 x 720, the video from Youtube is 1280 x 720.
I have not defined a folio, just a single InDesign doc I am testing within.
I am using an HTML 5 doc with correct syntax that is being imported.
The behavior is consistent and I can repeat the same "error".
I am using InDesign 5.5
D.

Figured it out! totally by mistake, there had been an object that was pasted into the file that was filled with a PMS color. Once I converted that PMS color to an RGB process color that took care of the script error.
weird!

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.

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.

Web Content Overlay - iFrame Width Issue

I'm adding a web content overlay in one of my articles. I've created and hosted a webpage that contains an iFrame of a Google Form.
When I select my text frame in the article, apply the Web Content Overlay option, add the URL, and load/test the folio on my iPad, the iFrame width I set in my html file isn't taking effect. The web overlay isn't displaying (and wrapping the text and form) according to the width that I specified in the html file. Testing the html file in different browsers on my desktop shows a change in width, but not so on the web content overlay frame in my article. Vertical scrolling is working just fine but I'd like to have a narrower width for the form so that a user only scrolls vertically; instead of having to scroll left/right to read more information on the form.
I've tried editing the iFrame width in the code: inside the iframe element, adding a div wrapper, defining a table width... No adjustments in the html seem to be rendering correctly on iPad.
And I'm not a huge fan of the Web Content Overlay's option of Adjusting content to fit the frame since it makes the form very small.
I'm running on CS5.5; I haven't tested the direct embed into
Any help is greatly appreciated!

Try to paste the code directly into InDesign. Sometimes it creates better results than just using a web overlay. I'm also dealing with some similar problem trying to get SoundCloud into the document.

Autoplay on page load doesn't work in Web content overlays

I would like an audio file to play in a web content overlay and can't manage to make it play automatically when page loads. Because of different complications I can use neither the html-stack nor the audio overlay in Indesign. When I test the html file used in the web content overlay in safari on my computer it works but not inside the app.
I have also set the frame with the web content in indesign to "autoplay" in the overlay creator. This makes the audioplayer in the web content overlay visible on the page, but you still have to push the play button to start the music.
Has anybody had the same problem and solved it?

Apple does not allow autoplay within HTML, to avoid high data costs. There
might be a workaround using javascript, but you need to search for it.
—Johannes

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.

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 doesn't always open in the in-app browser

We are using a web content overlay in a small frame to show a series of social media share buttons. It works beautifully most of the time - when the user taps the img, the in-app browser slides up from the bottom and the share page is ready to go. Sometimes though, for no apparent reason, the share page loads inside our tiny 200x50px frame. Here's a simplified sample of the code from our index.html file that we link to:
<div> <a href="http://www.sharesitegoeshere.com/facebook" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
<div> <a href="http://www.sharesitegoeshere.com/twitter" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
<div> <a href="http://www.sharesitegoeshere.com/pinterest" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
<div> <a href="mailto:?subject=Check%20out%20this%20story%20&body=%0A%0Ahttp%3A%2F%2Fsharesitegoes here.com" target="_blank"><img src="email.png" alt="Email" /></a></div>
Here's some examples of the web overlay opening inside the small frame instead of the browser:
It seems like the first time we try the share button from a new article, it loads in the frame instead of the in-app browser, but every time after it behaves correctly. Is there any way to prevent this?

I've had this problem too. Here's a solution from my notes:
<UL><LI>Note on moving items
<P>Sometimes the blue "move up" arrow
disappears or stops working (as
expected). The reason is usually that
the regions "Group By" and "Sort By"
to properties have been set so that the order of items
is either completely determined or the
items you wish to rearrange belong in
different groups (or so as expose a bug
in Portal -- I still think this might be
a possibility).</P>
This sorting is set under the specific
Folder Style. Check
<DL><DD><pre>
Folder Properties
-> Folder Style tab
-> Layout tab
-> Edit region icon.
</pre></DD></DL>
Try setting "Group By" to "Category" or
"Author", and "Sort By" to
"Default".</P>
</LI></UL>
-Kal
null

Link from Web Content overlay to another article

Thinking caps on, guys. I am trying to reduce the overall size of a folio that contains a pop-out panel (a two-state MSO) that reveals image thumbnails in a vertical scrolling content frame. Each thumbnail is a button that takes the user to another article in the folio. The panel is repeated across all articles, which is handy for the user but wasteful in file size.
In theory, I ought to be able to reduce the file size of the pages containing these panels if I was to replace the vertical scrolling content frame with a tall Web Content frame that would point to an appropriately designed HTML doc in HTMLResources.zip. This would minimise repetition of all those thumbnails.
The problem, if you haven't already guessed it, is that DPS does not allow you to link from a Web Content overlay to folio articles. The 'navto://' convention simply won't work in this scenario.
Is there ANY way to jump a Web Content frame to other locations in the folio? A non-standard, non-supported workaround would do me just fine.
Thanks for reading this far.
Ali

Ali - Check out the new "Linking" article in the Advanced Overlays issue of DPS Tips. It explains how to use an unsupported method for cross-folio linking. I explained how to create buttons with this format, but the same format would work using <a href="URL"> in HTML.
Johannes also breaks down this method here:
http://digitalpublishing.tumblr.com/post/26564811021/cross-publication-linking-bonus-qr-co des

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

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

HTML Web Content overlay - Android

Hey guys,
I am having an issue with a HTML Web Content overly swipe gallery with Native Android viewer.
The overlay is the second state of a MSO. The HTML is working as it should, but the 'close' button on the the second state that should make the MSO go to the first state doesn't work.
It is like the web content overlay is sitting on top of the DPS button. Everything is working in iOS.
Any ideas or known issues with Native Android viewer and HTML overlays???
Cheers,
Nathan

You'll need to look at alternative solutions on Android if you want to get content out now. It's not an easy change to make due to the nature of HTML on Android and will take us some time to figure out what to do, or if it's even possible to resolve.
Neil

Why am I getting the flag Invalid URL for web content overlay when making scrolling panel in Indesig

Why am I getting the flag 'Invalid URL for web content overlay" when making scrolling panel in Indesign? Iam making additions to existing articles but the problem is new. The articles were originally made using CS and now I am on CC, which I have just uninstalled and re installed, no difference, can anyone help please? Steve

Hi Bob, thankyou very much for coming back on this. The flag is coming up towards the end of the preview process on desk top. I have made dozens if not hundreds on my two published apps on the app store, but have not done an update for nearly a year, in which time I have needed a refresher, and as usual went to Lynda. In this case I have followed to the letter your DPS course, which is great, and I found the process of making the scrolling panels somewhat easier than when I started 2-3years ago. Initially I was mystified that the flag talked about url and web content, but just put it down to something I had missed in recent improvements in CC.
I tried over and over, but always got the same result. I thought at one point it might be because the content of my slide was copy and photo, so for a test I deleted the photo. Same result, and many of my existing slides are copy and picture.
I also uninstalled Indesign CC and reinstalled in case of corrupted content, I also copied to IDML and relaunch, same problem. I am sure I have made the scrolling content as instructed, The one thing I havn't done is trash my preferences, if you think that would be a good Idea could you please direct me to some content at Lynda on how to do it in CC. Many thanks, Steve

Can web content overlay refresh when a user re-enters the page?

I have a page that has a web content overlay that id like to refresh when a user re-enters the page.
To be exact i have a photswipe gallery that works great butid like it to restart from the beginning when a user renters the page

There is no simple way to disable swiping to a new page. You could put an empty scrolling frame in, I suppose, but I don’t see how that would make the reader’s experience very good.
Bob

Web Content Overlay Link to the HTML Resources

Similar Messages

Maybe you are looking for