RoboHelp 2017 Responsive Output

Participant ,
Nov 17, 2017

Copy link to clipboard

Copied

I have a pretty customized version of the charcoal gray responsive layout. Everything is (now) working fairly well, but for one odd corner case. It may not be a huge issue, but we have a couple of users with very large screens, and when you open the help on those screens, the index does not take up all of the available space or produce a scroll bar. 

Here's a normal view, after loading and scrolling a bit to show that yes, there's plenty of stuff in the index:

rh_index_normal_desktop.png

Now, when the user with the huge monitor (think 40") loads the index in the same browser (chrome v. 62.0.3202.94), it looks like this:

rh_index_initload.png

See all of that empty space on the bottom?

Now, I can replicate this on my machine by making the magnification level very small:

rh_index_initview_replicated.png

So, I looked for a max-height in the css, there is none, and adding one, no matter what I set it to (I tried 50,000 em!), it actually makes the problem worse.

If anyone has any ideas, I'm willing to try! I haven't tried in a non-customized version of the layout, but may later... but I don't think I changed anything that would have any effect on this. This only happens in the desktop view, and changing to mobile, viewing the index, then changing back to desktop fixed it on the large monitor, but not on my magnified replication.

TOPICS
Classic, HTML5 layout

Views

509

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

RoboHelp 2017 Responsive Output

Participant ,
Nov 17, 2017

Copy link to clipboard

Copied

I have a pretty customized version of the charcoal gray responsive layout. Everything is (now) working fairly well, but for one odd corner case. It may not be a huge issue, but we have a couple of users with very large screens, and when you open the help on those screens, the index does not take up all of the available space or produce a scroll bar. 

Here's a normal view, after loading and scrolling a bit to show that yes, there's plenty of stuff in the index:

rh_index_normal_desktop.png

Now, when the user with the huge monitor (think 40") loads the index in the same browser (chrome v. 62.0.3202.94), it looks like this:

rh_index_initload.png

See all of that empty space on the bottom?

Now, I can replicate this on my machine by making the magnification level very small:

rh_index_initview_replicated.png

So, I looked for a max-height in the css, there is none, and adding one, no matter what I set it to (I tried 50,000 em!), it actually makes the problem worse.

If anyone has any ideas, I'm willing to try! I haven't tried in a non-customized version of the layout, but may later... but I don't think I changed anything that would have any effect on this. This only happens in the desktop view, and changing to mobile, viewing the index, then changing back to desktop fixed it on the large monitor, but not on my magnified replication.

TOPICS
Classic, HTML5 layout

Views

510

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 17, 2017 0
Adobe Community Professional ,
Nov 18, 2017

Copy link to clipboard

Copied

Wild thought. Would opening the topic.slp in the layout offer any editing opportunities? Backup first!


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 18, 2017 0
Participant ,
Feb 19, 2019

Copy link to clipboard

Copied

I'm not sure it would. I'm using 2019 now, and the problem still exists in the new skin, and the topic.slp isn't in the same place these days. I'm thinking it's in one the scripts for loading the template and how it chunks the data. It doesn't seem to take screen size/resolution into effect when it splits it up. I'm going to have one of the developers with the large screens take a look at the scripts and see if he sees any obvious solutions, then i'll report it to the bug group...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 19, 2019 0