Add Copy/Image Above/Within Web Content Overlay?

I'm attempting to add a 'this page requires an internet connection' line either within or above a web content overlay but can't get it to show up if there is no internet connection (aka the main point).  I'm basically trying to achieve the following from National Geographic:
Any ideas on how to accomplish that within DPS?

You may program local HTML file, that will check connection and either will display the 'this page requires an internet connection' message or will redirect user to the server's page. Then point to it from "URL or File" field for the Web Content overlay, so it will be saved inside the folio and will be available if no internet connection.

Similar Messages

  • Web Content Overlay | Local images do not load

    Hi there,
    the tutorial for the Web Content Overlay says, that you have to place all images and scripts in the same file folder, as the html-file itself, when you are using a local html-page.
    example:
    index.html
    pic1.png
    pic2.jpg
    Unfortunatlly it isn`t working. Why? Any ideas? The pictures are not visible on my device or the folie preview builder.
    And yes, if I open the html in my browser (like firefox or chrome) it works well.
    It works only with pictures, which are hosted online on a server.
    Thanks for answering.
    Bart

    It finally works!
    I tried a lot, but now I know the misstake/failure/bug.
    Unfortunatlly Indesign uses a absolute Link to the local Webpage.
    example: C:/Jobs/Customers/CustomerFake/JobNo/v1/index.html
    If this URL is too long (more than 40 characters), it does not work.
    At first I thought, that my path was wrong, because I used german characters like ä or ß. But this doesn't matter. Its all about the lenght of the URL.

  • 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

  • Suppression of nav bars (chrome) in web-content overlays

    We've started to experiment with creating interactive content within folios, using web content overlays and HTML5/AJAX.
    Problem is the nav bars/chrome (whatever you want to call them) in Adobe Viewer pop up constantly, and unpredictably - for instance, the chrome will appear the *first* time an HTML button is clicked, but not on subsequent occasions. For other <div> elements that have onclick handlers attached, the nav always seems to appear.
    Does anyone have any insight into possible ways of suppressing the nav bars completely for web-content user interaction? Judging by the behaviour of HTML buttons, it seems there has been some effort put into this on Adobe's part, but some concrete insight would be brilliant.
    Cheers,
    David (Boto Media).

    I have already come across these "solutions".
    I am on v27 and have been since its release.
    I have tried method number one.  It partially works however it is buggy.  When the overlay initially loads, it flashes the Twitter URL before showing the feed in the overlay frame on the article.  Additionally, it sometimes flashes back and forth from the Twitter Feed's URL and displaying the feed itself.  This, for me is not a wholly valid solution but it will do for now since the only thing that remotely works. I suspect the URL flash has alot to do with the network connectivity of the device one is viewing the feed on.  However, to flash that URL before the feed loads makes the overlay appear buggy. 
    And the second method most definitely crashes ID ever single time I attempt to preview the overlay either on desktop or iPad.  And I have tried this method on several different machines, thinking it was my copy of ID.  It still crashes upon preview, so mehtod two is not a valid solution at all, unless there is something special that needs to be in the HTML file (besides the twitter widget) for it to not crash ID, that I am unaware of.
    Thank you for your assistance.

  • Web content overlay - always "on top"?

    Hi
    In my Indesign DPS doc, I have a top later with content and a second bottom layer with some html 5 animation showing within a web content overlay box.
    Everything previews well, except the overlay content always seems to be "on top".  guess this makes semse since it is really just a "web window" but I thought I would ask since it will impact my designs moving forward...
    Thank you-
    S

    Overlays always rise to the top, which is why they're called overlays. If you want to cover part of an overlay, you need to use another overlay. A common approach is to create a 2-state MSO with two identical images and auto play set to 1.

  • Invalid URL for Web Content Overlay, ERROR!!!!!!

    Hello All,
    I'm hoping someone can help me with this error, I was working on my indesign file and was testing it out locally, then I went on to upload my file and I got prompt to install a new version of the Folio panel which I did, now every time I try to upload my file I get this "ERROR: Invalid URL for Web Content Overlay", I've searched around and have not come up with an answer. Not sure if its a bug on the new update or what. I tried some troubleshooting which this is what i did. I copied my first page of my document onto a different file and tried to upload one page and then i got the error but then I deleted the images and just left one text box and it uploaded my file without any issues, strange huh. Any ideas????

    I was having the same problem with both hyperlinks and buttons in one particular file -- "Invalid URL for Web Content Overlay." It seems to only be a problem in files where I had a link or button previously, and then deleted the object. When I create a new object and create a link or button, it's as though the old link is still lingering somewhere in the file! However, none of the old links is listed in the hyperlinks panel before I create a new one.
    This occurred while I was teaching a DPS class, using the Adobe courseware (sight unseen by any proofreader, I believe). In one of the exercise files, the steps for the student to create hyperlinks and buttons had already been done, so I deleted the hyperlinks. (I think I deleted the text frames that contained them, but I'm not sure.) I never had a problem with it UNTIL I downloaded the Overlay Creator/Folio Builder dated June 19 (v21, I think).
    In the same file, I also had problems with a NAVTO link, . I don't think there were any NAVTO links in any earlier version of the file, at least none that I ever created or deleted.
    I've coded HTML since the days when the only available tool was Notepad, so I'm sure that I used correct URLs (and none redirected). Even the URLs in the deleted objects were correct; I only deleted them so the exercise could be done again.

  • 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.

  • Web Content Overlay Resampling

    I had found some DPS documentation online that lists Web Content as pass-through objects, but some more recent blog posts no longer mention it. Can someone confirm whether Web Content Overlays are resampled to 72dpi, or if I'm doing something wrong, or if there's possibly some workaround?
    Thanks,
    David

    Here's a couple screenshots to illustrate my problem.
    First is the HTML form I mentioned above. When I zoom in you can see the vector art and text on the page all remain crisp, but the HTML generated content (the email field and the 'select' button) is pixelated.
    Second, I have two 'Flip' overlays taken from one of Bob's posts, they are the two gray boxes I've zoomed into. The light gray box on the right is 72dpi, while the dark gray box on the left is 244dpi and scaled down to size (I exaggerated the dpi to make sure I would see the difference), and the black text on white is vector. It seems both images are rasterizing at the same resolution.
    I could totally be misunderstanding what you guys mean by 'pass-through' but both images and text seem to be resampled in my publication. Anyone have any ideas?
    Thanks,
    David

  • 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 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

  • 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.

  • Web content overlay: that blasted spinning wheel

    OK,
    I need some pointers.
    I am placing in animations made with Adobe Edge and they look good, however, onload you see a spinning wheel until the content loads in. I am looking to disable that spinning wheel.
    How do I do this?
    How does The Wired magazine do it? How do they have visusally rich content without that blasted wheel?
    All and any help, gratefully received!
    Billy.

    I figured out a way of hiding the spinning wheel, but it's a bit dodgy in a round-about way... It would be great if DPS can actually give us the option of disabling this feature.
    I placed the Web Content Overlay object (that contains the HTML file) into an MSO. The first State is a blank object and the second state is the object that contains the HTML file.
    My settings for the MSO is:
    Tick: Autoplay
    Delay: 0.5 sec
    Interval: 0.125 sec
    Play: 1 time
    Tick: Stop at last image
    Tick: Cross Fade
    Speed: 1 sec
    Export Format: Vector
    My settings for the Web Content Overlay is:
    Tick: Autoplay
    Delay: 0 sec
    Tick: Transparent Background
    Tick: Allow User Interaction
    Let me know if this works for you too!
    (But please Adobe, please give DPS the option of disabling the spinning wheel).

  • 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!

Maybe you are looking for