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.

Similar Messages

  • 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

  • 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

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

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

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

  • Invalid Url for Web Content Overlay

    I am constantly getting this error when I try to upload a page with a web content overlay -- i even get thi smessage if i try to upload http://google.com.
    sg

    This link is likely being redirected, and redirects aren't allowed in Web Content overlays. For example, http://www.google.com will work, but http://google.com won't. Check the URL on a mobile device. A lot of sites get redirected to the mobile version:  http://twitter.com becomes http://mobile.twitter.com.

  • 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

  • Web Content overlay error

    Not sure why I am getting this error all of a sudden, but when I try to create a Web Content overlay by linking to a local html file I am getting a "Scrip Alert: Invalid URL for Web Content Overlay".
    This isn't making any sense to me. A few days ago I successfully created a folio while creating a Web Content overlay with a local file and now this morning I am trying to link to the same html file the exact same way and it's not working.
    I am using InDesign CS 5.5 on Windows 7 64-bit. Any ideas?
    Thanks in advance!

    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!

  • 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 can I use cookies in Web Content Overlays?

    I have a survey created with Google Docs. It uses cookies to tell if a user has already submitted an answer to a survey.
    It seems to me that these cookies are not stored with web content overlays (I've used the direct URL to the survey as input).
    Am I right? Is there a way to make the cookie thing work?
    br, Simon

    Hi,
    Is this procedure still available in 9iAS and RDBMS 8.1.6 ? I am trying to get it to work, and I keep getting "ORA-00942: table or view does not exist". The owner of this package is "SYS". I even tried prefixing the table name in the SQL string passed to calendarprint with the owner, and it still gave me this error. Does this have anything to do with the invoker rights model ? I need to set up a web calendar and would love to use this functionality...
    What gives ?
    Any help would be appreciated.
    Thanks you

  • Web content overlays on mobile networks

    Do web content overlays work with a mobile network connection? ( ie. 3g/4g/lte connection )
    Or do they only work with a wifi connection?
    Thanks

    Thanks! No problems, unabe to test myself at the moment and was curious. Appreciate your reply.

Maybe you are looking for