Retna Renditions & Web Overlays

We have a problem with one of our issues currently in Newsstand when viewed on an iOS6 enabled iPad3. It's in a native folio (2048x1536) and has a full page HTML "scratch off" web overlay. The code uses native image assests. Just to let you know this particular page is at native dimensions too and not scaled up. Worked fine before but since iOS6 the web overlay (from top left) now appears 4 times larger cropping off 3/4's off the cover. We have an SD version (1024x768) of this folio in Newsstand and the "scratch off" web overlay works fine. The code for each of these is the same, the only difference is that one source file uses SD assets and the other uses HD. I'm at a loss here. It seems suspicious that the retina image is being amplifed to the power of 4 even when it's on a retina device!

Hi Mr Christian
yeah, def not iOS6 I've been having this error for many months, and it was initially quite hard to get Adobe to understand the problem. I noticed the problem most repeatably with a flip action (think of a coin flipping front to back) I was testing out alternate layouts so in one indesign doc had an SD and HD page for both iPad and iPhone, all assets were created specifically for the different devices. Any way the files were sent to Adobe and they have confirm the bug, and are looking into it.
For now I have just created the assets at a higher ppi and leave the folio size at the SD size, and for what I'm doing at the moment quality is OK. I had hoped that may be something would change with safari/webkit whatever in iOS6 and that would fix the problem, but from your results, obviously not!
Wouldn't it be good to have access to the bug list, so we can be kept up to speed with current issues!
P.S I am also seeing differences in web views between iOS5 and iOS6 but where the web view works perfectly in iOS6 but not in iOS5, this is one of my tilt html scripts in a web view. I think there could be inconsistencies with how well certain html scripts work in web views, especially if you think how inconsistent they are in Android

Similar Messages

Linking between different web overlays

Hi,
I'm working on a folio that has one article consisting of several pages with web overlays. Each overlay has the complete size of the the folio document (2048x1536px, optimized for iPad3), but the included html file is twice as wide (4096x1536px), so that the user can swipe horizontally within this overlay. This works fine. Now, is it possible in DPS to link from one html file in an overlay to a specific anchor of another html file in a web overlay (so that for example, the user can jump to the second half of the next page)? Maybe via Javascript, setting cookies etc. ("navto://" only navigates to a certain page)?
Any help would be great.
Thank you,
Alex

I've tried a whole bunch of things (setting variables, putting in links with an anchor reference ect.). Unfortunately, it seems you can't transfer any parameters from one web overlay to another.

Web Overlay with rounded corner

Hello,
I would like to embed a YouTube video in my iPad app via the web overlay panel (is that even still possible since iOS8???).
The editorial design guideline requires the left bottom corner of the video to be rounded, the other corners are normal. Please see this picture for reference:
I tried several workarounds but nothing worked. Can somebody please tell me how I can play a Youtube video in the app (outside of the In-App Browser!) with that dolphin poster picture and the video playing inside the rounded-corner-frame?

Thanks Bob, that works great. I've heard somewhere that embedding Youtube videos does not work anymore with iOS8. Is that true?
Also, do you know an answer to this question (as it has been unanswered for a while): image sequence: pixelation of placeholder image

Hovering web overlays on smoothscroll pages?

Hi there
I was wondering if anyone knew of any way to make hovering web overlays?
For example - the way that websites have a back to top button when scrolling large amounts of copy etc
This would be interesting and any advice/comments/ideas are most welcome!
Thanks!
Tim

I can't find the article that really outlines it well, but yeah place the stuff that you want to stay on the screen at all times in another indesign doc, specifically the next article in the issue. have that stuff hang off the left side and it should (assuming adobe hasnt patched the bug) show up in the previous article, always stuck to the same spot on the page when you scroll. edit: found it!
Place the button on the next article (on the right side of the article where you want your button).
Move the button to the left, beside the page (imagine the article where it should be on the left of it).
Group it with a blank rectangle that's on the page.
Place your button on every page of the second article, otherwise you see it only when that article is on the firts page (place it on the masterpage). That article must be a fixed scrolling article.
This works perfect.
From...
http://forums.adobe.com/message/4994831

Opening a web overlay frame via button press (and closing it again)

Hi all
Is the following possible:
Push a button
A web content overlay window opens, displaying the web-based content within the frame (in this case, a URL pasted in from a google mobile search result). This window is smaller than the normal page size, so around 200 x 550px
Push the same button to close it, returning the page to the original state
The web content overlay launches automatically, but there's no 'hidden until triggered' option, as per the button panel.
I don't want the reader to have to 'leave' the app and go to the relevant full page browser via the folio (or Safari).
Many thanks
Martyn

So there is no way to restrict the readerd access to the 'second' page, so it's only accessible via the button tha triggers the web overlay? Do the other apps you mention have the same issue - that the user can reach the duplicate page just by navigating as normal.
Anyway, I'm using the button method as suggested, made two pages etc. I've created the button, and made it jump to the other duplicate page, only problem is that the new page 'swipes' in, very quickly, which kind of negates the pop-up effect of using a web overlay window. Is there any way to make the duplicate page appear instantly over the old page (without pushing in from the bottom)?
Thanks
M

Web Overlay content - lock?

Hi-
Love DPS. Have a question when I bring in a web overlay with html5 content (not adobe edge based). It seems that that content can be moved around within the frame window. Is it possible to lock it in position so that when a user interacts with it - it can't pan around within the frame?
The div size on the html and the frame size in INDesign are the same pixel width/height. Also - I have
overflow:hidden;
on the container div.
Thanks for any insights...
Shawna

I think we might have found something - this meta string helped:
<meta name="viewport" content="width=440, initial-scale=1, maximum-scale=1 user-scalable=no">
Our frame in the folio is the fixed width above, 440.
Hope that helps!

Best way to handle web overlay?

I'm trying to come up with a good solution for building a text input frame("box") on top of a layout with a Web Overlay.
When a user presses "Submit," I'd like to navigate the user to another page (ideally by an iFrame window pop-up, and removing the Web Overlay.)
When a user presses "Cancel," I'd like to delete the Web Overlay entirely, as it may be covering a functional part of the layout, which the user will otherwise be unable to interact with.
I'm fairly certain neither of these behaviors can be done, but I wanted to double-check that someone isn't familiar with a solution.
It seems as though I cannot use adobeDPS.dialogService.open(navtoURL); in a Web Overlay (including AdobeLibraryAPI.min.js) which is rather disappointing, if true. My only option then is to add a custom-designed iFrame, which is incredibly kludgy, and on the cancel tap, removing the body of the page, but the overlay is still obstructing part of the underlying page, and subsequently any interactable elements.

Try to explore abstract schema type.

Web overlay password screen

Hi,
I'm looking at adding a web content overlay as the first page in my single edition app.
The overlay will include a simple PHP or ASP.NET login screen hosted externally, the idea is to password protect the content of the app.
How I envisage it working would be:
1. Someone will download the app from iTune
2. When they open the app the first screen will be the web overlay screen with the password field
3. Only certain people will have the password, when entered it will take you to the content
Would this work? If so has anyone tried and submitted for distribution via iTunes.
Thanks in advance
Wayne.

This really isn't going to work well or reliably. There are too many ways in our UI to navigate to other pages, you have no guantee that somoene couldn't skip past that first page to get to other content in your folio.
Neil

Window.orientation for web overlay content

It appears that in DPS, window.orientation method doen't work - it always returns 0.
Is there any alternative, how to get device initial orientation?

Up

Web overlay/PDF viewer

Hi all,
When I open a pdf in the Adobe Content Viewer, the only option I have is a button "Done". Is it possible to customize this? For example adding a mail button?
Many thanks in advance!
Gr,
Nick

Small update: I've updated the Adobe Content Viewer and now I see that there's also a menu bar at the bottom when I open a pdf. But when tap on the refresh icon in the menu bar at the bottom, the pdf disappears.
Is this a bug?
Gr,
Nick

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

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

Support for New Twitter Widget in Web Content Overlays

I have been looking for several days now for a solution that will allow me to present a twitter feed within a DPS Article that does not require utilizing the inapp browser. All of the solutions I have come across do not work. I know Twitter has changed thier API's. Is Adobe planning on doing somehting about this or are we letting the ability for twitter feeds to be embeded into a web overlay die?
Linking to the URL proves to be problemactic, the Web Overlay never resolves on the iPad and I am only presented with a perpetual loading pin wheel. Using iFrames does not work either, and more often than not upon a preview ID freezes and I have to Force Quit to get out of the frozen program. Pasteing the iFrame code directly on the layout appears to alomost work however that is only on the desktop and upon pasting the code onto the layout I presented with a dialoge saying there is some JS error. On the iPad I am only presented with an empty frame. I have even tried a sugestion to take the widget code and use the "Object > Insert HTML" option with no avail. I have many clients that are very upset that this functionalioty has gone away or has become impossible to impliment.
HELP!

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.

Reliable update of Web Content in Overlays

Hi,
whenever I'm creating Web Content Overlays in Folios I stumble about the problem, that they wont update on the DPS Servers. So if I change, let's say the CSS of the embedded Web-Content, save the .CSS, the InDesign File and update the Article via FolioBuilder sometimes the content stays the same when I update via Adobe Viewer on iPad.
My workaround now: Create a different HTML file in a different folder and point to that new folder/file from the Web Content Overlay. But this is really ugly and stops me from developing faster.
Any idea?

If you are testing on iOS then this is unfortunately a bug in iOS, not a bug in DPS. The operating system is caching the files even after we update them and feeding the cached content to the web overlay
Neil

Retna Renditions & Web Overlays

Similar Messages

Maybe you are looking for