Known Participant

Question

Responsiveness Not Working

Forum|Forum|8 years ago
May 9, 2017
3 replies
1381 views

I've created an html/css3 page and pasted it into the RoboHelp text area for the css and body individually. While it works when I preview it in RoboHelp, IE, and Firefox using Windows 10, after it's uploaded the responsiveness doesn't work correctly from my mobile phone or ipad. Also, my co-workers who have an earlier version of windows also view a layout that is all messed up. What is causing this? (I do not want to use the HTML5 responsive layouts provided by RoboHelp.) Please see the temporary link here: http://robohelp2.rlicorp.com/robohelp/server?area%3Dgeneral%26mgr%3Dagm%26agt%3Dwsm%26wnd%3DRLink3%7CRLink3%20No%20Background%26tpc%3D%2Frobohelp%2Frobo%2Fserver%2Fgeneral%2Fprojects%2FRLink3%2FErika_Take_3.htm%26ctxid%3D8%26project%3DRLink3

Thank you.

HTML5 layout

This topic has been closed for replies.

T

trying-my-bestAuthor

Known Participant

Apparently, it's only for IE, however the only two we are worried about are IE and Chrome. It also looks fine if you have windows 10. My co-workers who have an earlier version of windows, it gives the incorrect view. I've attached screenshots of what it's supposed to look like and what it does look like from various views. Thank you.

Peter Grainge

Community Expert

Which versions of Internet Explorer? That's more important than the

operating system.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

T

trying-my-bestAuthor

Known Participant

Everyone is using IE 11, so all those who the pages works correctly and incorrectly are using the same version of IE.

Peter Grainge

Community Expert

I believe you need at least IE10 for responsive layouts to work properly. I think the first step with this problem would be to generate from one of the samples and see if those users have problems with those outputs.

Regarding the problem when uploaded, on a PC I see the two columns transform to one when the width gets to a certain point. On a Sony Xperia 3 Compact and a Samsung Galaxy Tab S2, the two columns remain, so same as you. Looking at the source code for what you point us to , I see it is not a RoboHelp output.

I think this one is outside where the forum can help you. Perhaps ask Willam van Weelden who does provide consultancy? He knows very well how the RoboHelp layouts work so may be able to help you integrate your work.

I'm curious though why you are using RoboHelp at all given that you have developed your own layout.

See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

Rick and Jeff

Were you viewing on a PC or a phone / tablet?

See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Jeff_Coatsworth

Community Expert

PC & resizing the window to see how it all flowed at various sizes.

Captiv8r

Legend

Hi there

I clicked your link and it seems to respond just fine. At least, near as I could tell. Perhaps it would be helpful if you were to supply some screen captures showing what you see? Maybe what I'm seeing is exactly what you would see but for some reason you are considering it isn't what you wanted or expected.

Cheers... Rick (Also in Kansas City)

Jeff_Coatsworth

Community Expert

Yup, looks fine to me also (using Chrome)

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded