Hi everyone,

I'd like to insert a popup in an array question / dual array question, that explains the meaning of the scale 1-5.
I'd like to insert a different popup fo each cell. I attach a mockup image.

How can I do it? 
Thank you in advance

You're looking for "tooltips". You can search the forum for different implementations.
It sometimes depends on your LimeSurvey version.

For LS3 and LS4 take a look at
survey-consulting.com/how-to-use-bootstr...a-limesurvey-survey/

You seem to use a 5-point array.

This is not the best question type.
Use a "normal" array and you are free to define the scale
 

Thank you for your response!
The array works great.. but in my example I have 3 rows that require a different meaning of the 1-5 scale. I would like to have the possibility to specify the significate of the scale differently for each question through a tooltip

Thanks for your response

Though it is a misuse of an array question, there is a solution.
Later I will send an example.

And you can consider to use three questions and use the css classes "no-question" and "no-bottom" to combine them.
As said: later
Joffm

Well, here the example with 4 combined array questions.
 

There are two css classes involved
"no-question", which is added to the second, third and fourth question
"no-bottom", which is added to the first, second and third question

This is the css which you add to your "custom.css".
Unfortunately I did not find the other solution yet. (I hope I remembered well that there was one.)

Joffm

And here ist the lost image
 

And here the other solution, with javascript and only one question


You see the lines with "eq(x)". Here you define where the new header is inserted.

 

Joffm

Thank you so so much for your 2 useful examples!
Expecially the example with javascript and only one question fits my necessity!

Regarding that last example.. is there a way to avoid to insert new headers, and simply put the information that in the example are in the new headers into tooltips? A different tooltip that appears when the cursor is on the specific answer cell.

Thanks in advance, I appreciated a lot your responses!

Thank you for the useful links!

In the link it's well explained how to add tooltips for answer options.
I would like to personalize the tooltips.

In picture 1: the standard Limesurvey array. in the column with answer option = 1 the tooltip that appears autoatically passing the cursor on the cell is exactly showing 1.
in picture 2: i would linke to personalize the tooltip, to have a different text from the answer option above (ex. not replicating the 1, but adding some text more). I would like to be able to define a different tooltip for each cell (different in the same column)

Do you maybe know how can i obtain the result in picture 2?

 

Regarding that last example.. is there a way to avoid to insert new headers, and simply put the information that in the example are in the new headers into tooltips?

Well then you don't need Joffm's example. He is providing those, because he probably thinks (like I do), that it is better to have different scales and not using tooltips (I don't think that they are a good idea).

He is providing those, because he probably thinks ...

Yes, because he thinks, this is the best way to confuse people.

But anyway:
You may use this: (where "cell_1" means, the cell with answer code "1")

 

That's exactly what I was loooking for! thank you so much for the patience and comprehension.

I appreciated all your suggestions, and I'll consider to change structure of the question to make it more clear. now, with all the examples, I have all the options and I can chose.
Thank you very much!

I tried to add this code to question editor:

<script type="text/javascript" charset="utf-8">
$(function () {
$('[data-bs-toggle="tooltip"]').tooltip()
})

$(document).ready(function() {
$('#question{QID} tr.answers-list:eq(0) .answer_cell_1 *').attr('title','This is cell 1,1');
$('#question{QID} tr.answers-list:eq(0) .answer_cell_2 *').attr('title','This is cell 1,2');
$('#question{QID} tr.answers-list:eq(0) .answer_cell_3 *').attr('title','This is cell 1,3');
$('#question{QID} tr.answers-list:eq(0) .answer_cell_4 *').attr('title','This is cell 1,4');
$('#question{QID} tr.answers-list:eq(1) .answer_cell_1 *').attr('title','This is cell 2,1');
$('#question{QID} tr.answers-list:eq(1) .answer_cell_2 *').attr('title','This is cell 2,2');
$('#question{QID} tr.answers-list:eq(1) .answer_cell_3 *').attr('title','This is cell 2,3');
$('#question{QID} tr.answers-list:eq(1) .answer_cell_4 *').attr('title','This is cell 2,4');
$('#question{QID} tr.answers-list:eq(2) .answer_cell_1 *').attr('title','This is cell 3,1');
$('#question{QID} tr.answers-list:eq(2) .answer_cell_2 *').attr('title','This is cell 3,2');
$('#question{QID} tr.answers-list:eq(2) .answer_cell_3 *').attr('title','This is cell 3,3');
$('#question{QID} tr.answers-list:eq(2) .answer_cell_4 *').attr('title','This is cell 3,4');
});
</script>

it doesn't work.. i feel i'm doing something wrong. Where do I have to insert this code? I'm sorr but i don't know javascript..

I tried to add this code to question editor:

You tried, or you did it? 

And you added it in source code mode?

By the way: The first function
$(function () {
$('[data-bs-toggle="tooltip"]').tooltip()
})
is not necessary.  You can rmove it.
This one you need if you add bootstrap tooltips. I tried that but without success.
Therefore in this example only the standard tooltips.

So the only chance is, you show us your tries.
Send a lss export of the survey (the relevant question).

Joffm