So, lemme explain in detail what is happening as I think my title is a bit vague.
In a section, we have configured an image, and set up action-event set, where on click of the image we run script and a data transform.
Now, some users have an issue with clicking the image. they stated that they’re unable to click on it, and don’t even see the hover text when their mouse is hovered over the image. I’m not sure what is causing this problem, and it’s intermittent. The same user who complained about this issue was able to click on the image few cases later.
Now, I’m wondering if the way the image is configured is causing the issue? If yes, then how can I fix it? If no, then what else am I missing here?
Attaching the images to help me debug the issue. Thanks in advance!
This issue is not with the action-event set itself, but with how the image is rendered and layered in the DOM. Based on the behaviour description this appears to be a CSS / layout overlay or read-only state issue, not a functional rule form problem.
From the screenshots and configuration, tthe image is placed in a Section cell, not a Button or Link control. Action sets on images rely on the image being rendered as an interactive element ( or clickable spam).
Intermittent loss of hover and click usually happens when - A transparent overlay div from a repeating grid row, layout group, or conditional UI sits on top of the image.The row or cell is rendered read-only due to section context, causing the image to render as a static .
Try : Do not use an Image control for click actions, instead- Replace the Image with a Button or Link control styled as an icon/image.
This approach confirms that Buttons/Links are guaranteed interactive controls, Pega consistently binds events regardless of read/write context.
Hover text (tooltip) is reliably supported and also eliminates CSS overlay and accessibility issues.
