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

RH2022 image map editing problems

Explorer ,
Jan 30, 2025 Jan 30, 2025

Copy link to clipboard

Copied

I am having RH2022 image map editing problems. First, the image map editing dialog seemed to work properly. But after few times, the potential list of image map links displayed in the dialog stopped showing ALL bookmarks , and thus were not available to select. I reset the cache per Adobe's instruction /user/appdata/roaming/Adobe/Robohelp .  But this has not helped.

1. Anyone encountered image map editing problems?

2. Any ideas about dealing with Cache Problems? This could be a one time issue from have 2019 and 2022 on the same machine, and need to get rid of 2019?

Views

63

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 ,
Jan 30, 2025 Jan 30, 2025

Copy link to clipboard

Copied

All I can say is the image map editor is tricky but there are not a lot of posts about it. I'm guessing people have just found there way around it. Often with issues like this, just close RoboHelp and reopen it.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

 

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
Community Expert ,
Jan 30, 2025 Jan 30, 2025

Copy link to clipboard

Copied

1. don't recall anybody talking about issues

2. don't think it has anything to do with multiple versions on the same machine - they are usually put in separate folders. Are you running both at the same time?

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 ,
Jan 30, 2025 Jan 30, 2025

Copy link to clipboard

Copied

>Are you running both at the same time?

No

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
Contributor ,
Feb 04, 2025 Feb 04, 2025

Copy link to clipboard

Copied

LATEST

Image maps are dubious in Robohelp, as I've encountered resizing issues when image maps get fullscreened in frameless. Can't say I recommend them.

 

There's this reeeeaaalllly stupid workaround though that emulates image map functionality (stolen from a StackOverFlow post). The idea is that you put the image in a div, and add child divs to that div. You add hyperlinks/crossrefs to those child divs and using CSS, you turn them into clickable areas.

The main problem is that it's a bit tedious since you have to manually specify the size and position of each child div.

 

TOPIC

<div style="position: relative;">
<img src="../../assets/images/example_image.png" style="width: 100%; height: auto;"/>
<div class="clickable-div" style="position: absolute; left: 2%; top: 14%; width: 40%; height: 11%; background-color: rgba(0, 0, 0, 0);"><a class="invisText" data-xref="{bookmarkText}" href="#Stap_1">Step_1</a></div>
<div class="clickable-div" style="position: absolute; left: 2%; top: 50%; width: 40%; height: 11%; background-color: rgba(0, 0, 0, 0);"><a class="invisText" data-xref="{bookmarkText}" href="#Stap_2">Step_2</a></div>
<div class="clickable-div" style="position: absolute; left: 2%; top: 73%; width: 40%; height: 11%; background-color: rgba(0, 0, 0, 0);"><a class="invisText" data-xref="{bookmarkText}" href="#Stap_3">Step_3</a></div>
</div>

 

CSS

.invisText {
display: none;
}
.clickable-div {
position: relative;
/* Add styling for the div, e.g., background-color, height, width, etc. */
}
.clickable-div a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
/* Additional styling for the anchor element, e.g., background-color, opacity, etc. */
}

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