Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

html5 articles won't fit to screen in DPS

graphics02p6445
Level 2
Level 2

Not sure how to look into this. I have a couple html5 articles that get into the app, but once viewing them they are either way too small or positioned like -200px to the left edge of the ipad. These all work in every browser and in other apps that deliver html5 apps to mobile devices. I can't seem to find anything on this issue with DPS.

0 Replies
rperez_bonnier
Level 5
Level 5

Not exactly the same issue, but I've seen responsinve HTML articles look significantly different than in the desktop browsers (Chrome and Safari) that I used to edit the CSS and test multiple devices. Mostly size issues. I think I remember other folks having similar differences between what they see when prepping the HTML and what they see in the app. A quick search in the forums should list the threads where it was discussed.

Bob_Bringhurst_
Employee
Employee

How did you create the HTML articles? By any chance, did you use the Folio Migration Tool to migrate from DPS 2014?

rperez_bonnier
Level 5
Level 5

I used Dreamweaver CC to set up a responsive html page using the provided templates.

Then I built the article by hand.

Then I used Chrome and Safari to create/edit new classes within each media query until the article looked good on two phone sizes and one tablet size.

I then duplicated the entire folder and set up a second article. It was a similar yet different enough article that I had to make some tweaks to some of the classes. Each was zipped independently with their own CSS, images, and fonts.

graphics02p6445
Level 2
Level 2

I just dragged and dropped the folder holding the HTML and JS files into the HTML article packager and then uploaded that into publish.adobe.com as an article. Did not use DPS 2014.

graphics02p6445
Level 2
Level 2

Also I use Javascript to resize a div containing all of the content and place it centered (vertically and horizontally) on the screen. I think it might be a an issue with detecting the window or document width and height dimensions.

Colin_Fleming
Level 6
Level 6

Your process seems sound.

Do all of your articles built this way have the same problem? If yes, I'd examine the scripting.

For some reason, I'm slightly suspicious of a script that centers things. Is your offset content still "centered" in its DIV -- but the DIV is shifted?

I have no idea if I'm close to being right here, buy hopefully this helps.

Colin

graphics02p6445
Level 2
Level 2

ok I'll try another method. Thanks for the response.