HTML Article problems

Please help.
I've been trying to import an html article.
It's formated properly, works on mobile safari, and is named index_v.html
We've tried to create a new folio, import it, new local folio, import it, any combination possible - we tried.
It imported twice, then it wouldn't again. Without changing any code, the importer sometimes works, sometimes not.
It's IMPOSSIBLE to find what the error stoping the import is. What can I do?
Preview - http://www.blackduke.com/temp/dps/index_v.html
Download - https://www.dropbox.com/s/19nr3w15xg8c7wt/cover.zip
Again — we HAD this working on the iPad, but now it won't update anymore.
Paying anything to anyone who helps. We've just lost 15 hours on this.
Setup — osx, cs5, latest version of dps tools and panel
Thank you kind people.

No error, the it just uploads, uploads, uploads...
It says "Uploading Article...", "Building Folio..."
Sorry Bob, didn't get your coment on the latest tools, here is the version installed
- FolioPanel-CS5-12.2.2.1
- FolioProducerTools-CS5-1.10.1
let me know if this is outdated or something...
Thanks for the fast reply
Tin

Similar Messages

HTML Article performance issues in Adobe Viewer on iPad

I have created a HTML Article using DPS but when I come to view it on Adobe Viewer in iPad the content does not scroll smoothly and the content is cut off and cropped (the whole page is not displayed), it is very judery and struggles to render the HTML below 'the fold' so to speak.
I have tried both options for importing HTML into DPS and both have the same performance/lag isuues.
I have a video in my HTML that seemed to be causing an issue where the video streaming was struggling to be pulled through, so I have treid YouTube and Vimeo video streaming and the performance/display issue is not resolved. I then tried embbeding an mp4 directly using HTML5 to see if it was a connection/bandwidth issue and the problem still exists. However the videos do play, its just the fact that the container is cropped in half.
Sometimes the whole HTML article renders but then when you swipe back up the page it struggles to render the content above? Also then when you swipe back down the page the content is also cropped that was visible before?
I have reviewed every available discussion on the Adobe Community and other resources but all the fixes mentioned do not have any effect.
If anybody can assist or has been experiencing the same issues any advise would be welcome.
Oh, the HTML Article contains some JS too, it does function correctly but I was wondering if JS causes problems? Just a thought.

Well, I think I may have found the answer so I thought I would share with the Community incase anyone else experiences the same type of issues.
After testing another peice of HTML that also included video streaming and heavy JavaScript, I narrowed the issue down to my JS. I had two Nivo Slider Carousels that were the route of the performance issues.
The other test HTML Article scrolls smoothly and the video pulls in as intended, although once in a while there is a slight delay in the page scrolling up and down but this is hardly noticeable.
I hope this may be of some help to other's in the future?

Scrubber Thumbnails for HTML Articles - How Do You Get them to Actually Appear?!?!?

Hi Gang,
My apologies if I asked this last month, but it's really driving me nuts.
The cover of our magazine is an HTML article, and it appears as a blank screen in both the TOC and BROWSE modes. The former is easy to fix by simply creating a thumb image and inserting it via Indesign or the Folio Producer. It's the browse mode that is the conundrum. I've followed the following instructions provided by ADOBE and updated my HTML article but to no avail.
Creating scrubber thumbnails for HTML articles
For InDesign articles, the viewer automatically generates the thumbnails that appear when you drag the scrubber. However, generating thumbnails for HTML articles takes more time, sometimes resulting in poorly rendered thumbnails. To improve thumbnail performance in HTML articles, you can manually add image files to the HTML article folders.
Create png files that are named "scrubberthumbnail_h.png" and "scrubberthumbnail_v.png" (you can also use _l and _p suffixes). Add these files to the HTML article folder. There is no size restriction for these images, but note that they are scaled down proportionally to a height of 166 pixels. As a point of reference, when thumbnails are generated, landscape thumbnails are 221x166 pixels, and portrait thumbnails are 125x166 pixels.
What am I doing wrong? My folio is portrait (vertical)-only and I put my .png filed named "scrubberthumbnail_v.png" in the parent directory (same level as the "cover_v.html" file targetted) of the HTML article. Should it be put somehwere else in the article folder?
I'm hoping there is a simply solution.
Thanks in advance!

Thanks guys, but that doesn't address my problem. It's an HTML article, not a web content overlay.
Yes, I know I could redo the cover within InDesign using a web content overlay spanning the entire 'page' and use a MSO as pointed out, but the cover starts off empty and then items begin to appear (ie) image and then the magazine title followed by the article titles. The latter which are linked (navto:) to their respective article. The problem is that navto links do NOT work in web content overlays, which is why I resorted to creating an HTML article. But alas, the scrubber thumbnail problem...
The instructions above do not work for me, unless I've done something wrong such as placing the thumb image in the wrong location within my HTML folder, which in this case is a published EDGE ANIMATE project.
And yes I could still go the MSO/InDesign web content overlay route and insert invisible frames over my link text as delayed MSOs, but that seems unecessary since I should be able to create the scrubber thumbnail for an HTML article as explained above.
Any advice regarding the creation of the scrubber thumbnail? Or does it simply not function as intended at this time? I'm using InDesign CS5.5 using v.26 tools.
Thanks in advance!

HTML Article put together dynamically, scroll only possible after orientation change

Hi guys,
i have encountered the following problem today:
im having a HTML page put together dynamically from a JSON source file, handling the JSON information with jQuery. i am uploading said HTML page (html page is empty until the page is in the DPS stack, then it builds itself) as an HTML article with "Smooth Scrolling: Vertical". So far, so good.
When i open the page inside the Adobe Viewer App on my iPad, i can see the "first" part of the page (the first 1024px in portrait-orientation) but i am not able to scroll further down the page.
however, when i do a orientation change of the device (turn it landscape and then back), i can scroll perfectly fine and am able to see everything on the page (so im quite sure the conversion from json to jquery to html does work). even stranger, when i let the page tell me its height ( via $("body").height() and $(document).height() ) it shows me, that the height of the page is indeed (e.g.) 10.000px, but i am not able to scroll down until i do the orientation change.
am i missing something? im pretty sure that my code is correct, because once i change the orientation of my device, everything does work flawless.
i hope my problem is understandable, any help is much appreciated.
thanks
Max

Nevermind... since the HTML is empty, when the magazin gets opened, i suspect the HTML tells DPS "hey, my height is 0px, dont bother scrolling!". but once i am on the page itself and the process of bulding the page starts (HTML elements are added on the fly), it doesnt tell DPS "hey, my height changed, check if i need to be scrollable please" since im not able to scroll. when im changing orientation, it forces DPS to rerender the page and thus getting the correct height of the page.
my workaround: setting the body height to (e.g.) 20.000px and then, later on, reduce it to the actual height needed by the HTML elements.
but still: can someone explain me the process of loading / rendering pages inside DPS? when do DPS render pages, does it render pages the first time i open the app and then again when im on the page itself (or rather a page before the actual page?) is there a command to force DPS to rerender the page?

Orientation error with HTML article

Hello,
I have a single orientation folio with 13 articles :
- 12 InDesign articles
- 1 HTML article
Each file has an _h suffixe, but I can't publish the folio because one article has a wrong orientation.
When I remove the HTML article from the folio, I can publish it. The problem comes from the HTML article.
One strange thing is the thumbail of the HTML file (see screenshots).
I'm using the latest tools available (1.11) and the latest folio panel (12.2.4) with Adobe CS5 on Mac OSX 10.7.4
Any idea ?
Thanks for your help

Yes, the HTML filename ends by _h.html
I can open the file in a browser and it works (tested in Safari, Chrome & Firefox). I can also edit it.
The HTML file is in its own folder and is alone.
On the same level of its parent folder, I have folder named HTMLResources that contains some images.
The folder is then zipped and added to the folio with the folio panel.
If I move the resources in the folder of the HTML file (and that I update the path to resources), the problem remains.

Camera strangly rotated in HTML article file input

Hi guys,
I encountered strange behaviour of camera invoked from html input[type=file] element in html article.
When iPad is in portrait position, camera works as expected, but when iPad is rotated to horizontal position
camera interface and preview are rotated 90 degree clockwise. Even if i rotate iPad to match its orientation to Interface
preview stays rotated.
Is there a way to fix this issue?
Below screenshots to better ilustrate problem.
iPad handled in horizontal position - Camera interface and preview are rotated 90deg
iPad handled in portrait position - Camera interface is ok, but preview is rotated 90deg
Piotr

I have done a little more research on this...
As it turns out, my camera is a Pentax K100D Super - not a K100D. The K100D Super is not listed as one of the supported camera RAW formats in the aforementioned article. So I guess this means that my camera is as yet unsupported. Sigh...

How can I play video in an HTML article targeting a Samsung Galaxy Tab

I am trying to play video in an HTML article using the <a href="videofile://...m4v"> method but no there is on action on the link when I try to run the app on the Samsung Galaxy Tablet.
I've also tried to link to an html file that contains the html video tag. That method only shows the controls and plays the audio, unless you click the full screen control, at which point it will play the video and audio.
Snippet of the html video tag:
<video id="video02" controls>
<source src="../../HTMLResources/common/videos/video.m4v">
<source src="../../HTMLResources/common/videos/video.ogv" type="video/ogg">
</video>

Not sure I fully understand the problem. Does it not work when you take it out of mirrored and run the two displays in extended display mode (use Arrangment to arrange the two monitors)? Of course you need to chang your Sound preferences to use the hdmi conneciton as well.

HTML article @font-face format

Should I be using .svg web fonts for my HTML articles when I embed local fonts using @font-face? I see the DPS Help shows .otf in a screen shot, I have talked to others who have said use .ttf format.

I don't think OTF or TTF will matter. They should both work. I've use OTF fonts with no problem.
Of course, you should check the license to make sure it's okay.
Bob

How do I force an HTML Article to load on every view rather than load a cached version of the page?

I've got several HTML articles, one is a search page. When you click a search result I am setting a variable in localStorage for the search query so it can be highlighted on the result page. When you get to the result page however, 99% of the time it loads a cached page. I need to force it to refresh and execute the JavaScript on every view not just when the View Application decides it should. Also the thumbnail is often cached to a really old version with something highlighted that you searched for 10 mins ago.
Is there any API that I can make the HTML Article load on every view?
Many thanks,
Kris.

Flash only supports a small amount of html in text areas. If what you re trying to include is within what it supports, then you assign the text to the textfield using the htmlText property of the TextField...
tfield.htmlText = "<a href="...">link</a>"; // will display "link" as a link

How to get the anchor value transmitted to an HTML article?

How can I retrieve the anchor value transmitted by a link to an HTML article ?
ex : <a href="navto://test#myanchor>link</a>
I want to retrive #myanchor or myanchor in my HTML test article
I tried with self.document.location.hash.substring(1) but it doesn't work in the folio.

It's a simple method for getting attributes value
public String getAttrValue(String nodeName, String attrName)
throws Exception{
NodeList rootNode = document.getElementsByTagName(nodeName);
int nodeDeep = rootNode.getLength();
for(int i = 0; i < nodeDeep; i++){
Node node = rootNode.item(i);
NamedNodeMap nMap = node.getAttributes();
Node attrNode = nMap.getNamedItem(attrName);
if(attrNode != null)
return attrNode.getNodeValue();
return null;
}

Open a link in an HTML article on the page

Hello,
I'm using an HTML article to collect an answer to single question survey. I've got the page built and loaded with two links (one for each answer) that go to pages on my web server that contain a "Thank You" message and log the user's response.
I've also used jQuery to change the page and disable the links when the user's device is offline.
However, when a user clicks on a link (to answer the question) the resulting "Thank You" page is loaded in the DPS web browser. The behavior I'd like is for the page to replace the HTML article. Is that possible? I vaguely recall an advertiser of ours messing this up in an ad a while back and us having to fiddle with the target attribute of the link tag to make it work, but now I'm at a loss.
My alternative is to use an iFrame, but this doesn't seem like the best answer.
Thanks for any advice you can offer!
Steven

You just need to select "Allow User Interaction" on the Folio Overlays Panel.
More info on web content overlays here: http://help.adobe.com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c73657495129f66e490f-7f fa.html

Posterous blog HTML Snippet problem - not all of blog is showing up...

Good morning all! So I was looking for a solution for our newly formed website (I'm a novice) where I could have multiple users update our blog page without having to use iWeb to do it. I read up on Posterous and it appears this would be an ideal solution. So I found some code from another Apple Discussions poster, Alancito, that would pull my Posterous blog directly into the iWeb page I created. Well it has done that, sort of...
I see the header from the blog, but the content isn't visable. Well, actually if you highlight the header or "blog differently" and then hold down like you're scrolling down the page, the info is there. But the HTML snippet always cuts it off. Even if I expand the size of the snippet in iWeb, it ALWAYS reverts back to this same size.
I'm in a bind here and could really use some help.
Here's the blog page address: http://www.sporkfoodwagon.com/SporkFoodWagon/Blog.html
And here's the code I was provided.
<iframe height="100%" allow transparency="true" frameborder="0" scrolling="no" style="width:100%;border=none" src="http://sporkfoodwagon.posterous.com/"></iframe>
Message was edited by: andrewrichardson

Andrew ~ Perhaps someone will suggest a solution to the HTML Snippet problem, but meanwhile, with this recent improvement to Posterous:
http://blog.posterous.com/posterous-unveils-pages
...perhaps you don't need an iWeb site at all. If you must have one, consider linking to your Posterous blog directly from iWeb's navigation bar:
Create a blank internal page titled "Blog" (actually you can name the page whatever you want.) Then in that Blog page add an HTML Snippet with the following code:
<script type="text/javascript">
parent.window.location = "http://www.yourblogname.com"; // change this to your own URL
</script>
...Once published, clicking on "Blog" in the navbar will immediately redirect to your external Blog page. (Thanks to Cyclosaurus for the code).
And to return from Posterous back to your iWeb site:
http://blog.posterous.com/pages-20-add-links-to-your-sidebar

Html link problem...

Hey!
Just wanned to say to those who answered my post on html link problems, that the problems I had were actualy because of the jdk version! I had jdk1.2 and now I have 1.3 and it works just fine.
thanx a lot to everyone who tried to help!!!

hehe i saw the topic "html link problem" posted by amidala and i thought " oh my god is she still struggling!" ;P
Kewl 'twas not a problem!

Updating HTML articles

I've got a couple HTML articles included in my app, and for the sake of testing/proofing purposes I have to import them then update the contents as I get changes. I've noticed that when I'm specifically changing CSS files, the updates tend not to always show up right away. Now, though, I've changed some image files that apparently are stuck in their cached state, which is definitely not correct.
I've tried deleting the article from the Folio and re-importing it, even going as far to update it on the content viewer app on my iPad betwen deleting and reimporting, to no avail. Deleting the issue from the iPad and redownloading it does not work. The only thing that works is deleting the Content Viewer from the iPad entirely, reinstalling it, and redownloading the Folio.
Is there a way to fix this? As a tech person I can figure this out, but I'm going to be tearing my head out trying to explain it to normal folk.

One thing you can do, as kind of a workaround, is to add a query parameter to your URL.
So, for example, if you have a reference to a CSS file like so:
<link rel="stylesheet" href="main.css">
just put a query parameter on it like so:
<link rel="stylesheet" href="main.css?123">
You can do the same thing with straight HTML or JavaScript file references as well.
Using a time epoch would be the best strategy, I think, as it ensures uniqueness.
And, by the way, don't thank me, thank Chris Coyier. That dude is a genius!
Strack

HTML Article Management: Is there an easier way to perform batch updates?

I have a folio with many html articles.
After a batch of edits I need to update the folio via FolioBuilding panel.
I've tried 2 ways both however both are time consuming;
1) via Updates: updating is time consuming because i have to select each artcle, go to menu select update, wait till complete, repeat for each article.
2) via reimport: select each article, go to menu & select delete, wait till complete, repeat for each article then re-import all articles
Is there an easier way to accomplish batch updates?
Thanks,
John

Just use "import" & the sw insts' will load and assign accordingly, automatically.
But oddly, there are times when importing a SMF w/imbedded prgm changes, that LP8 loads a completely wrong instrument to a specific track(s).
One reason that I've kept only one of my trustworthy external midi modules (Roland XV5080), specifically for just importing SMFs'. When the XV is in GM mode, any standard midi files I import to LP8... always load pgm changes correctly 100% of the time.

HTML Article problems

Similar Messages

Maybe you are looking for