Coding CSS Cursor Property does not work in Rh(11) Preview Topic pane or CHM browser

Report · Sep 26, 2017

Hello all,

Problem Description: When using CSS cursor Property (Controls what the mouse cursor will look like when it is located over the element); the application (Rh) does not read the cursor Property when implemented in a HTML help page. When previewing using Rh Preview Topic pane or a compiled CHM browser, it does not respond (e.g. hovering over an image map section of an image). However, it does work in IE, Chrome, and Mozilla.

Steps to Reproduce: Paste the following code below into your Rh HTML page.

area {

cursor: help ! important ;

}

/*]]>*/</style>

</head>

Actual Result: Hovering over an 'Image Map' section, the cursor does NOT change into a cursor help icon, rather than its default cursor pointer (when hovering over an image-map or hyperlink section).Using the CSS cursor Property code in CSS/HTML does NOT work in CHM browser relevant in the browsers (mentioned above) in which there is a mouse and cursor.

Expected Result: Hovering over an 'Image Map' section, the cursor changes into a cursor help icon, rather than its default cursor pointer (when hovering over an image-map or hyperlink section).Using the CSS cursor Property code in CSS/HTML works in CHM browser relevant in the browsers (mentioned above) in which there is a mouse and cursor.

Any Workarounds: Is this a bug? Alternatively, the rendering engine does not support certain CSS control what is displayed or not? I do not have any workarounds to provide the development team. Does your team have a workaround?

Submitted (09/29/2017) Bug Id: RH-961

Thank You!

~PM

PS - Hi Peter and Rick

Report · Oct 02, 2017

Note: If any Rh community members are unable to replicate what I did, please provide me your workaround. If not, please vote on Bug Id: RH-961

Report · Oct 02, 2017

Have you tried it with a copy of RH2017? It's *highly* unlikely they will fix this one in RH11...

Report · Oct 02, 2017

Hi Jeff, I do not have a copy of Rh 2017, hence, why I entered this bug in my version 11. Does it work in your version Jeff? If not, please vote.

As for others reading this post and have Rh 2014 and 2017; if you're able to replicate this bug, please vote.

Thank You!

~PM

Report · Oct 02, 2017

I suggest *you* try it out with a trial copy of RH2017 on some machine that is not currently running RH to determine if it's still a bug.

Report · Oct 02, 2017

Hi Jeff,

I do not believe testing bugs should be the customer's responsibility; why are we paying for maintenance?

In closing, for an *ACP*, I thought your actions would be more supportive.

~PM

Report · Oct 02, 2017

PMROBO - sorry dude, this is just a user to user forum; if you have paid for support, contact Adobe Support.

Report · Oct 02, 2017

I'm using RoboHelp 2017 and just tested this code. Doesn't seem to work in the RH editor, or the Preview, OR when I view the topic using Internet Exploder.

Perhaps I implemented it wrong?

I added the code in the HEAD of the topic.

Cheers... Rick

Report · Oct 02, 2017

Hi Rick,

Thank You!

Does it work in Chrome or Firefox (ref. Click the 'view with...' button located on the Rh view pane) for you? Mine works, though you mentioned, mine is now not working in I.E. (Creepy, last week it did - -that's I.E. for you )

~PM

Try this code:

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Deciding When to Use Amortized Prepaids</title>

<linkrel="StyleSheet" href="../../common/templates/mystylesheet.css" type="text/css" />

map area:hover {

cursor: help;

}

/*]]>*/</style>

</head>

<body>

Report · Oct 02, 2017

Okay, the code you just posted is a bit different than the earlier code. This round does seem to work in Chrome and FireFox, but not IE.

Seeing as how it's inconsistent in the browsers, I'm personally hesitant to acknowledge it's any fault in RoboHelp programming.

Now, had RoboHelp offered this as a feature that could be used (to change the cursor on a mouseover as you are wanting) then I might agree that it's a bug and needs to be addressed by the development team. But this one is stepping outside the box.

Given the fact that IE refuses to show it, and that the CHM viewer relies on IE as the display engine, it's no surprise that it's failing inside the CHM file.

You might be able to get past it by referencing the code in a different manner. I know I had a similar issue in the Responsive output. I was wanting to have a field auto select the content when I clicked to give it focus. Worked like a champ in RoboHelp and in the Preview. But not in the output. After consulting with Willam, he advised me to insert an ID= attribute in the code and voila! So I'm wondering if the answer to your situation may be as simple? Maybe even something you could add to the CSS associated with the topic?

I've done some poking around and from what I've found thus far, it would appear that IE may be a bit persnickety in this area.

I'll keep digging. If I unearth any discoveries, I'll happily share. But don't hold your breath... Rick

Report · Oct 02, 2017

It looks like an IE bug. I found an old post suggesting to use javascript to get IE working. Save this as an htm file outside robohelp to see (I just used a quick and dirty inline version as proof of concept):

<!doctype html>

<html>

<head>

<title>Testing css help cursor</title>

<style>

map area:hover {

cursor: help;

}

p:hover { cursor: help;}

</style>

</head>

<body>

<p>This is some text with a hover cursor to show that IE knows about the cursor code</p>

<h4>plain image map - no help cursor</h4>

</map>

<h4>image map using javascript - help cursor on 350 text</h4>

<area shape="circle" coords="75,75,75" href="javascript:void(0);"

onmouseover="document.getElementById('img_id').style.cursor='help';"

onmouseout="document.getElementById('img_id').style.cursor='';">

</map>

</body>

</html>

(example map code from: cursor - CSS | MDN )

Report · Oct 02, 2017

There is a method at Item 7 in the WebHelp section of Snippets on my site. It's been there a long time so it may no longer work.

See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · Oct 03, 2017

Hi Amber.

Thank you for chiming in. Your test code (as instructed) worked. I will also see what I can use from that example.

~PM

PS - Thank you Peter as well!

Report · Oct 03, 2017

Hello Amebr, Rick, peter, and Jeff,

With the help of amber test code, and a programmer @ my work, I was successful (The help pointer appears on hover over an image map)! The Workaround (code inserted) is as follows:

/*]]>*/</style>

<p class="Fig_Center"><img id="mapImg" src="../image/process_flow_prepaid_type_decision.gif"

alt="image\process_flow_prepaid_type_decision.gif"

title="image\process_flow_prepaid_type_decision.gif"

usemap="#MAP618061052" width="349" height="456"

border="0" />

<area shape="rect" coords="6, 211, 112, 253" <a="" style="color:blue" href="amortized_prepaid_set_up_process_flow.htm"

title="Click here to review the Amortized Prepaid Setup Process flow."

alt="" onmouseover="document.getElementById('mapImg').style.cursor='help'"

onmouseout="document.getElementById('mapImg').style.cursor=''" />

<area shape="rect" coords="241, 414, 344, 459" <a="" style="color:green"

</map> </p>

Thank you again for all of your time spent; Peter, it may be worth while documenting this workaround (of course, after your replication for accuracy ).

Cheers!

~PM

Report · Oct 03, 2017

Yay! Good on ya!

And thanks ever so much for sharing what your workaround is, as that may help someone else down the road!

Happy Happy Tuesday. You deserve a taco!

Cheers... Rick

Report · Oct 03, 2017

Thanks Rick for the info... I will try William's suggestion.

~PM

Coding CSS Cursor Property does not work in Rh(11) Preview Topic pane or CHM browser

1 Correct answer

Photos