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

Similar Messages

  • 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

  • Short of dismantling and recreating a page how do i find out whats causing [Error: Invalid URL for Web Content Overlay]

    Hi,
    i received an indesign file to include in a folio that had links to the creators desktop where they had the assets for the web content overlay. When i try to update the folio i get the error message:
    "Content generation error.
    [Error: Invalid URL for Web Content Overlay]"
    Which is fair enough.
    The problem is, i have gone through and changed all URLs that I can see, but there is one somewhere, that I just can't find.
    Is there a way to get a list of all web content overlays in a particular file? otherwise i will need to recreate the whole page again, and it has some pretty complex interactions which i rather wouldn't do.
    I also cannot ask the original doc creator to just change the links as i'm sure he'll have the same issues as me, at not being able to track down the erroneous link.
    The problem I have with DPS is that its not very transparent. you'll have to click on everything, and into every group to see what actions are on it, which can be extremely time consuming and frustrating when complex interactions are included.
    thanks in advance for any assistance

    I’ve found watching the process helpful to narrow down the page.
    Working off a duplicate of the file, delete one layer at a time until you figure out what layer the problem is on.
    From there it’s a bit easier to narrow down.

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

  • Content generation error: invalid url for web content overlay

    Hi,
    I am having an error message " content generation error: invalid url for web content overlay" when I want to upload the article.
    I don't have any link with that article and this is my 1st time having this kind of error. I am using indesign CC
    Please help.
    Thanks,
    Rush O

    I’ve found watching the process helpful to narrow down the page.
    Working off a duplicate of the file, delete one layer at a time until you figure out what layer the problem is on.
    From there it’s a bit easier to narrow down.

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

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

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

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

  • HTML5 placement in web content overlay

    I have a simple HTML animation, only 4kb yet when I place it using the web content overlay, it doesn't play in preview (set to autoplay etc) and when I try to view it in the iPad simluator, or even try to bundle it - InDesign crashes. What am I doing wrong - and bear in mind that this is my first foray in to HTML in DPS...
    Thanks.

    Bob Bringhurst - Adobe wrote:
    Using a folder called OverlayResources is no longer required. Have you tested the HTML in mobile safari? Mobile safari does not support all HTML, and DPS does not support all HTML that mobile safari supports--a few things don't work.
    I've tested it in Safari, Chrome and Firefox, all works fine. Wouldn't do anything for me in InDesign until I placed the HTML in to a 'OverlayResources' folder??

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

  • 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

  • "Web Content Overlay" Equivalent???

    I am looking for a solution to the equivalent of DPS's "Web Content Overlay".
    Is there a way to have an active web feed displayed in a window that works for epub?
    I understand the downside of people excepting an ePub to be self containing but we are trying to use ePub as a replacement to DPS which has this feature.
    Google searches have not revealed any good leads as of yet.
    Any suggestions would be appreciated.
    Thanks,
    Ryan.

    Trying to incorporate a single webpage that shows realtime price changes in a window on the page that would not have to be clicked to be viewed or that would take you out of the ePub opening in a web browser.  Im just not sure how to create that window to show the webpage in.  In DPS you would use the "Web Content Overly" button/panel.  But that won't work here.  I was looking at iFrame options but still not sure how to proceed with that within Indesign either.
    Thanks,
    Ryan.

Maybe you are looking for