Link Area Not Centered over Previous Button

Question

I'm using RH 2017 on Windows 10 (build 13.02.334)

The charcoal_gray layout at least (and therefore our layout based off of charcoal_gray) has a problem with the link box for the Previous button not overlaying the button properly when you size down the window. If the Window is maximized, the link box is directly over the button as expected. But if you size the window down for something matching smaller screen devices (but not phone size), where the buttons change to the larger prev / next buttons, you can't click directly on the Previous button. (For me, this is if my browser width is between 970 pixels - 1290 pixels.)

The actual link is offset to the right of the button image, here in charcoal_gray:

If I move my pointer over the button image, there's no link:

Is this something I can fix manually? I'm guessing there's some kind of scripting issue where it's not detecting the button location properly.

I filed this bug: https://tracker.adobe.com/#/view/RH-4682

Jared Hess · Accepted Answer

I saw you had in one of your projects but not in the screenshot above.

See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

I just wanted to let others who might be struggling with this know that there's a way to fix this manually without needing to re-create your layout. Using the Inspector tools that came with my browser, I located the css style definition that controls this.

It's in layout.css (this is a css file that RH provides you in your custom screen layout).

In that file, I found on line 5255, a style selector div.prs_previous that defines where the button is located with: margin-right:1.5em;

When I changed that to margin-right:.5em; and regenerated my help, it worked!

Peter Grainge · Answer

I think your layout must be based on the version of Charcoal Grey before Update 2 was issued for 2017. In Update 2, the icons are as below, next to the print icon and focus is correct.

When RoboHelp 2017 Update 2 was issued, the skins were also updated . However, Adobe could not replace what was in existing outputs as it would have resulted in the loss of customisation. What you need to do is apply the later version of the skin. It is important that you do this by going to the Gallery button in the General settings of your output SSL. Select the layout again from there and give it a new name, you will not be able to save with the same name.

There is a page on Adobe's site with layouts but that was never updated so don't use the layout there. You must use the Gallery button.

See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

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