• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Explorer ,
Sep 26, 2017 Sep 26, 2017

Copy link to clipboard

Copied

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.

<style type="text/css">/*<![CDATA[*/

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

Views

1.6K

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
community guidelines

correct answers 1 Correct answer

Explorer , Oct 03, 2017 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 type="text/css">/*<![CDATA[*/ /Nothing needs to be entered here.

/*]]>*/</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"

use

...

Votes

Translate

Translate
Community Beginner ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Expert ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Beginner ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Expert ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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.

Votes

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
community guidelines
Community Beginner ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Expert ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
LEGEND ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Beginner ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="generator" content="Adobe RoboHelp 11" />

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

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

<style type="text/css">/*<![CDATA[*/

map area:hover {

cursor: help;

}

/*]]>*/</style>

</head>

<body>

Votes

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
community guidelines
LEGEND ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Expert ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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 name="primary">

  <area shape="circle" coords="75,75,75" href="left.html">

  <area shape="circle" coords="275,75,75" href="right.html">

</map>

<img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic">

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

<map name="secondary">

  <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='';">

  <area shape="circle" coords="275,75,75" href="right.html">

</map>

<img id="img_id" usemap="#secondary" src="http://placehold.it/350x150" alt="350 x 150 pic">

</body>

</html>

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

Votes

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
community guidelines
Community Expert ,
Oct 02, 2017 Oct 02, 2017

Copy link to clipboard

Copied

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.

Votes

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
community guidelines
Explorer ,
Oct 03, 2017 Oct 03, 2017

Copy link to clipboard

Copied

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!

Votes

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
community guidelines
Explorer ,
Oct 03, 2017 Oct 03, 2017

Copy link to clipboard

Copied

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 type="text/css">/*<![CDATA[*/ /Nothing needs to be entered here.

/*]]>*/</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" />

<map id="MAP618061052" name="MAP618061052">

<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

Votes

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
community guidelines
LEGEND ,
Oct 03, 2017 Oct 03, 2017

Copy link to clipboard

Copied

LATEST

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

Votes

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
community guidelines
Explorer ,
Oct 03, 2017 Oct 03, 2017

Copy link to clipboard

Copied

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

~PM

Votes

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
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp