I am working in Captivate to create instructions for an ultrasound machine (knobs and switches).
I want to put a button on an image (select which button does what). In a non-responsive project this is peanuts, in fluid-boxes mode, the hotspot always scales out-of-position.
I have tried the tips from Adobe but the hotspot/button keeps on scaling out of position: https://helpx.adobe.com/in/captivate/kb/issues-creating-hotspot-question-responsive-project.html
I have also tried the 'lock size & position / smartshape'...
Is there a way in Captivate to maintain the position of an overlay shape (for button/hotspot) to the image in the back? Same for drag&drop ...
If the buttons on the ultrasound machine are in a fixed layout, why did you decide to build this course module using responsive design instead of unresponsive? Is it really likely that many of the learners will be using mobile phones to do this course?
The main reason for your problem is that a normal Fluid Box doesn't allow stacking of objects on top of each other. That is the reason for that hotspot link which you posted, and for banning click boxes. Only in a static fluid box will it be possible to stack objects, but I suppose you did read that in the hotspot link.
There are a couple of possible workarounds if you are indeed persuaded to need a responsive project: