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

Learn More

View all

Sign in to view all badges

html5 articles won't fit to screen in DPS

Avatar

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
graphics02p6445
Level 1

29-10-2015

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.

Accepted Solutions (0)

Answers (8)

Answers (8)

Avatar

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
graphics02p6445
Level 1

03-11-2015

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

Avatar

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile
Colin_Fleming
Level 4

03-11-2015

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

Avatar

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
graphics02p6445
Level 1

03-11-2015

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.

Avatar

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
graphics02p6445
Level 1

03-11-2015

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.

Avatar

Avatar
Validate 1
Level 4
rperez_bonnier
Level 4

Likes

23 likes

Total Posts

111 posts

Correct Reply

7 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 4
rperez_bonnier
Level 4

Likes

23 likes

Total Posts

111 posts

Correct Reply

7 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
rperez_bonnier
Level 4

03-11-2015

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.

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

03-11-2015

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

Avatar

Avatar
Validate 1
Level 4
rperez_bonnier
Level 4

Likes

23 likes

Total Posts

111 posts

Correct Reply

7 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 4
rperez_bonnier
Level 4

Likes

23 likes

Total Posts

111 posts

Correct Reply

7 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
rperez_bonnier
Level 4

03-11-2015

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.

Avatar

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
graphics02p6445
Level 1

Likes

0 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
graphics02p6445
Level 1

03-11-2015

Has anyone had this issue?