Image hotspots in Column
Submitted by Yoran.sandanger... on Fri, 04/11/2025 - 13:52
Forums:
When using Image hotspot as a part of a Column, in full screen (100%), hotspots that are placed on the lower parts of the image, get cut when opened the first time. Clicking a second time, the hotspot is opened as it should. I have tried with cropped and uncropped images, and all different kind of settings. See image that I attached: Look at the upper part of the screen shot. What you see is a background image and a faulty cut hotspot image. The hotspot is only showing the top of the hotspot image.
Attachments:
Content types:
Yoran.sandanger...
Fri, 04/11/2025 - 14:37
Permalink
Code
The first image shows how the pop up box overflows on the first click. Code is pasted underneath.
The second image shows pop up window after second click.
<div class="h5p-image-hotspot-popup h5p-video popup-overflowing" tabindex="0" role="dialog" aria-modal="true" style="left: 0%; width: 82.8553%; top: 65.351%;"><div class="h5p-image-hotspot-popup-content h5p-image-hotspot-popup-content-no-header overflowing" style="overflow: auto; height: 100%;"><div class="h5p-image-hotspot-popup-body"><div class="h5p-image-hotspot-popup-body-fraction h5p-text"><p>Hele linjen er mikrotekst trykket i blekk som lyser opp i UV. Legg merke til at UV-trykket skifter farge flere ganger. </p></div><div class="h5p-image-hotspot-popup-body-fraction h5p-image"><img src="https://kurs.nidsenter.no/pluginfile.php/1/core_h5p/content/529/images/f..." alt="Mikroskrift som lyser opp i UV" title="" style="width: 100%; height: 100%;"></div></div></div><button class="h5p-image-hotspot-close-popup-button" aria-label="Close" title="Close"></button></div>