Mouseover function

3 years 4 days ago #161091 by lob
Mouseover function was created by lob
Is it possible to implement a mouseover function that displays a hint to a specific subquestion if your mouse points directly on it?
The topic has been locked.
LimeSurvey Partners
3 years 2 days ago #161159 by Joffm
Replied by Joffm on topic Mouseover function
Hi, lob, that was asked a few days ago here:
You can use the bootstrap tooltip functionality.


Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
3 years 1 day ago #161197 by lob
Replied by lob on topic Mouseover function
Thank you for your advice. This looks nice. Is there a way to get this function without make the term look like a link? And does this hint pop up on tablets and smartphones too?
The topic has been locked.
3 years 1 day ago #161203 by holch
Replied by holch on topic Mouseover function
I guess for it to work it needs to be a link. But with the help of CSS you can style a link the way you want. And somehow you need to highlight the section anyway, to show that there might something behind this.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The topic has been locked.
2 years 8 months ago #165427 by ddrmoscow
Replied by ddrmoscow on topic Mouseover function
Hi all,
In case topic is still relevant or someone is looking for these functions, here's small workaround:

Depending of LS version, one could easily use Jquery UI tools already included in LS with a bit of js in text source.

f.i. to apply "mouseover" - quess it's a simple Tooltip just use
<span data-toggle="tooltip" title="your message on moseover">your text</span>
in any desired place displayed (question / answer option / subquestion e.t.c.)

By default "tooltips" are not activated in LS, so it's required to add js code to appropriate text source to activate it
<script type="text/javascript" charset="utf-8">	
	$(document).ready(function() {

Depending on the template used (in case default tooltip styling is missing), some additional styling code like
<style type="text/css">
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
might be helpfull

for additional capabilities check Jquery UI examples and manuals
same way you could try other tools from Jquery UI

As for LS 3+, it includes Bootstrap, so a lot of boostrap features could be implemented too, almost the same way

an example survey with tooltip for LS 2.6.6 attached (default template used)
The topic has been locked.
2 years 8 months ago #166415 by tpartner
Replied by tpartner on topic Mouseover function
As Joffm suggests, in LS 3.x, you can use Bootstrap tooltips without any JS.

Something like this:
<span data-toggle="tooltip" data-placement="top" data-html="true" title="Some <strong><em>tip</em></strong> text...">Hover here for tip.</span>

Will render this:

More about the tooltips here -

Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner -
The topic has been locked.
1 year 6 months ago - 1 year 6 months ago #184191 by Mazi
Replied by Mazi on topic Mouseover function
If you are looking for additional information about using Bootstrap tooltips at a Limesurvey survey: We have just written a lengthy blog post about this topic, how to customize the Bootstrap tooltips and which additional options there are available.
Have a look at " How to use Bootstrap tooltips at a Limesurvey survey ".
There is also a sample survey available .

Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)
Want to use your survey offline ->
Last edit: 1 year 6 months ago by Mazi. Reason: adjusted link to demo survey
The topic has been locked.

Start now!

Just create your account and start using Limesurvey today.

Register now