RH2022 image map editing problems

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. */
}

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?

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.