Skip to Content (Press Enter)
UserImage.jpg
Lukas Krishnan CM
112Views
5Comments
Solved
Card/tooltip in a image based on the position  
Question

Hi All,


I would like to add a tooltips in image as shown in the image. Image will be static.The content in the tooltip will be dynamic. I want to place the tooltip in image based on the postion of the image(maybe axis)


Background map will be the static image.

0
0
17 Jul 2020
Copy Link
2026-01-26 10-25-31
Lennart Kraak
Champion
Solution

Hi Lukas,

I've created a basic demo with an Image Map.
It consists of three main parts:

  1. The Image Map itself (image + html to define the hotspots). I've created the image map html on https://www.image-map.net/, adjusted it and placed in an HTML-widget
  2. The Div's that need to be shown. Initially they're hidden. 
  3. A little javascript to show/hide the div. OnMouseEnter shows the div, OnMouseOut hides it.

I hope that this will help you.

Regards,
Lennart

See solution in context
ImageMap.oml
1
0
22 Jul 2020
Copy Link
2026-01-26 10-25-31
Lennart Kraak
Champion

Hi Lukas,

For this you can look at Image Map.
There are some tools to create those, like https://www.image-map.net/ 


Regards,
Lennart

1
0
17 Jul 2020
Copy Link
UserImage.jpg
Lukas Krishnan CM

Hi Lennart,


Thank you for your prompt response.


Can you plz share with an example.That would be more appreciable.


Lukas

0
0
17 Jul 2020
Copy Link
2026-01-26 10-25-31
Lennart Kraak
Champion
Solution

Hi Lukas,

I've created a basic demo with an Image Map.
It consists of three main parts:

  1. The Image Map itself (image + html to define the hotspots). I've created the image map html on https://www.image-map.net/, adjusted it and placed in an HTML-widget
  2. The Div's that need to be shown. Initially they're hidden. 
  3. A little javascript to show/hide the div. OnMouseEnter shows the div, OnMouseOut hides it.

I hope that this will help you.

Regards,
Lennart

ImageMap.oml
1
0
22 Jul 2020
Copy Link
UserImage.jpg
Shanhong Wu

I've downloaded and it says invalid format when I tried to open the file in OS Service Studio. Can you please check the ImageMap.oml file? @Lennart 

0
0
06 Jan 2021
Copy Link
2026-01-26 10-25-31
Lennart Kraak
Champion

Hi Shanhong,

I've no problems opening this file in Service Studio 11. Maybe your file got corrupted on downloading? Can you try again?

Regards,
Lennart

0
0
06 Jan 2021
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.