Skip to main content
S
Storiez
Known Participant
November 5, 2014
Answered

Mobile (phone & tablet) screen profiles not displaying correctly

  • November 5, 2014
  • 1 reply
  • 609 views

RoboHelp 11 on a Windows 7 machine

I have a small project that I put down in August and just picked up again today. The only changes I made today were a background color in the selected layout and adding browsers to the screen profiles (desktop, mobile, phone). I also changed the pixel sizes of aforementioned screen profiles, and saved, but ultimately thought better of it and changed them back. I don't know if that would have made any difference to this problem. (When I made the size changes RH told me to update the media queries, but I'm not using any... or at least none came up in the Manage Media Queries functionality.)

Then I re-generated the output, but the tablet and phone screen sizes are no longer displaying properly when I tested by changing the size of my desktop browser--there is a rather large "dead zone" browser size in which no content is displayed at all (which makes it almost seem like the "responsive" part of the output doesn't work), the internal navigation (forward and back buttons, and bar) is shoved up in the header bar, and no browser horizontal scroll bar appears so that I can scroll to see the edge of wide images. I mainly use IE but this occurred in Firefox and Chrome as well. The desktop display seems to work fine. (I'm so sorry I don't have screenshots now--I can provide some if needed.)

I wondered if this had something to do with my chosen "template" but a brand new project that used that same one (Theme1_Standard) didn't have any problems. Now, I also noticed that the template seems to have changed since I was last in Robohelp, because the unchanged template preview today was definitely not the same as the template from August. The Readme for the latest patch didn't mention anything that I thought seemed to be related.

Like I said, all I changed were a color, the screen profile browsers, and the screen profile sizes which I later discarded. I am completely at a loss as to what caused this and how to fix it. I feel like a complete dolt because it seems to be related to something I *DID* but retracing my steps has yielded nothing.

Thank you!

UPDATE

Still having this issue, but in poking around I discovered that some of the program files on my local machine were updated in mid-September (when it looks like the latest patch's ReadMe file was installed on my computer) and others were updated mid-October (the first time I was in RH since mid-August, though I didn't generate anything then). I don't know if this means anything, but to me it looks mildly suspicious. Thx.

This topic has been closed for replies.
Correct answer Willam van Weelden

William, for the record I just backed everything up, then went and re-did the steps you suggested for another issue I was having.

---

Re: Disappearing screen elements in Responsive HTML 5 output

If you installed RH11.0.3, try the following:

0. Export your current screen layout for backup.

1. Remove the RoboHelp cache (not project cache). Instructions at the bottom of: http://helpx.adobe.com/robohelp/release-note/robohelp-11-0-1-readme.html

2. Remove the Responsive layout from your project.

3. Add the responsive layout again by adding a new layout.

---

This didn't fix the issue, but it didn't seem to clear my Theme1_Standard template customizations and Responsive HTML5 Settings like I thought it was going to. (Was it supposed to? I thought I would be starting fresh from scratch, but if that wasn't what was supposed to happen then that's fine, I just misunderstood.) Are there any other cache, etc., files/locations I can maybe clear?

I have been tinkering for a couple days now and the only thing that seems to "work" is using a different template (e.g. Theme2_Government or Theme3_Black).

Thank you so much for looking into this!

S


I've been trying to reproduce the issue but I can't seem to get the the issue you describe. I don't have a dead zone and wide content is scrolled correctly.

The screen shots do point to the old Theme1 layout, so there may be a problem there. Can you please try the following:

  • Remove the layout from your project.
  • In Windows Explorer, go to the folder !ScreenLayout! in your RoboHelp project and remove the Theme1 folder.
  • Clear the !SSL! folder.
  • Clear the CPD.
  • Remove the output you generated previously to make sure that no old files remain.
  • Open RoboHelp, add the layout and generate without making any modifications? Does it work now?

Just to be on the safe side, Adobe released a hotfix for RH 11.0.3 which fixes some issues in Responsive layouts, however not the issues reported in this thread: Issues in RoboHelp 11.0.3

Kind regards,

Willam

1 reply

Willam van Weelden
Willam van Weelden
Inspiring
November 6, 2014

Hi,

What are your media queries at the moment? Also, try opening the style sheet of the layout and search for @media. Do you see the media queries from your settings or something else?

Kind regards,

Willam

S
StoriezAuthor
Known Participant
November 6, 2014

When I go to Manage Media Queries nothing comes up, so I don't think I have any... (I am not sure about the whole media queries thing--I only just found out about them when I started having this issue so it's still new to me.)

A search for @media in the layout style sheet finds nothing (though there are plenty of @media results in main.css).

Thank you!

S

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices