Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Mouseover function

  • lob
  • lob's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 11 months 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.
  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 11 months ago #161159 by Joffm
Replied by Joffm on topic Mouseover function
Hi, lob, that was asked a few days ago here:
www.limesurvey.org/forum/can-i-do-this-w...ation-for-a-question
You can use the bootstrap tooltip functionality.

Regards
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • lob
  • lob's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 11 months 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.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 11 months 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.
More
6 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
Code:
<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
Code:
<script type="text/javascript" charset="utf-8">  
  $(document).ready(function() {
    $('[data-bs-toggle="tooltip"]').tooltip();
    });  
</script>

Depending on the template used (in case default tooltip styling is missing), some additional styling code like
Code:
<style type="text/css">
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}</style>
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)
Attachments:
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 7 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:
Code:
<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 - getbootstrap.com/docs/4.0/components/tooltips/
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Away
  • LimeSurvey Community Team & Official Partner
  • LimeSurvey Community Team & Official Partner
More
5 years 6 months ago - 5 years 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: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
Last edit: 5 years 6 months ago by Mazi. Reason: adjusted link to demo survey
The topic has been locked.
Moderators: holch, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source