Please help us help you and fill where relevant:
Your LimeSurvey version: Version 6.5.9 
Own server or LimeSurvey hosting:
Survey theme/template:
==================
Hi,

I am considering to put the picture into the explanation box of clickable words. For insert text into explanation box, i use the following code which is fine:

<a data-bs-content="xxxxxx" data-bs-placement="top" data-bs-toggle="popover" data-bs-trigger="hover focus" role="button" tabindex="0" title="xx">xx </a> <script>
$(function () {
  $('[data-bs-toggle="popover"]').popover();
});
</script>

But this code is difficult to add the picture into it. I use the following code, which cannot adjust the size of picture. It is showed in the attached picture.

<a data-bs-content="&lt;img  data-cke-saved-src='/upload/surveys/411885/images/parcelsize_ENG.png' src='/upload/surveys/411885/images/parcelsize_ENG.png' style='width: 10px; height: 10px;' /&gt;" data-bs-placement="top" data-bs-toggle="popover" data-bs-trigger="hover focus" id="popoverTrigger" role="button" tabindex="0">Parcel size</a> <script>
  // Initialize popover
  var popoverTrigger = document.getElementById('popoverTrigger');
  var popover = new bootstrap.Popover(popoverTrigger, {
    html: true
  });
</script>
 
Can you help me to solve this problem?

This is a question for a Bootstrap forum. It is not a LimeSurvey issue.

Hi, I used the example shown in the bootstrap docs.
[url] getbootstrap.com/docs/5.3/components/popovers/ [/url]
As said there 
[url] getbootstrap.com/docs/5.3/content/images/ [/url]
Images in Bootstrap are made responsive with .img-fluid.

So set the popover container to the desired width and enter your images with class="img-fluid".
But in your css set the width to 25% (four images)

width of popover: 400px
 

width of popover: 800px
 

Better use the source code editor to enter the code. The HTML editor seems to spoil it.


Joffm
I hope I did not misunderstand.

Hi Joffm,

Thank you very much! I adjust your code as follows.

But the new problem happens. As shown in attached picture, there is a long blank space in the explanation box. And I also do not see the relevant code to adjust the box length, and size of inserted pictures. 
 
<span data-bs-content="&lt;img data-cke-saved-src=&quot;/upload/surveys/411885/images/parcelsize_ENG.png&quot; src=&quot;/upload/surveys/411885/images/parcelsize_ENG.png&quot; class=&quot;img-fluid&quot;  alt=&quot;&quot;&gt;" data-bs-html="true" data-bs-placement="right" data-bs-toggle="popover" data-bs-trigger="click hover focus">parcel size </span> <script>
$(function () {
  $('[data-bs-toggle="popover"]').popover();
});
</script>
<style type="text/css">.popover {
  max-width:200px;
}
.img-fluid {
  max-width:100%;
}
</style>
 

tpartner wrote:

This is a question for a Bootstrap forum. It is not a LimeSurvey issue.

Why don't you do what you are told?
You obviously still used the HTML editor.
You see the garbage in the result. Now nobody can see if you ordered the nested quotes correctly.

And did you read this?
[url] getbootstrap.com/docs/5.3/content/images/#responsive-images [/url]
There you see:
Images in Bootstrap are made responsive with .img-fluid. This applies max-width: 100%; and height: auto; to the image so that it scales with the parent width.

So it is not necessary that you set the max-width again to 100%.
You see that I set it to 25%, because yesterday you inserted four images.

I still do not see any issue with this

 

And, as @tpartner: It's more bootstrap related.

Joffm

BTW: If you use bootstrap, you should use the "Color and background helpers"
[url] getbootstrap.com/docs/5.3/helpers/color-background/ [/url]
"text-success" instead of "good"
"text-danger" insted of "error"
...

Hi Joffm,

I check with the Limesurvey, I notice my code is auto-changed to HTML. Even I do not select the box of 'Enable/Disable HTML Tag Autocomplete', it is also auto-picked. That's why you see my HTML structure.

I suppose you do not know where to select the editor mode.
You select it in your account (upper right corner)
 
and it looks like this ( a simple entry field)
 

Joffm
 

My advice : choose popup