Mouseover function

Mehr
1 Jahr 2 Monate her #161091 von lob
COM_KUNENA_MESSAGE_CREATED_NEW
Is it possible to implement a mouseover function that displays a hint to a specific subquestion if your mouse points directly on it?

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 2 Monate her #161159 von Joffm
COM_KUNENA_MESSAGE_REPLIED_NEW
Hi, lob, that was asked a few days ago here:
https://www.limesurvey.org/forum/can-i-do-this-with-limesurvey/112965-providing-more-information-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

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 2 Monate her #161197 von lob
COM_KUNENA_MESSAGE_REPLIED_NEW
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?

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 2 Monate her #161203 von holch
COM_KUNENA_MESSAGE_REPLIED_NEW
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'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
11 Monate 5 Tage her #165427 von ddrmoscow
COM_KUNENA_MESSAGE_REPLIED_NEW
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() {
		$('[data-toggle="tooltip"]').tooltip();
    });	
</script>

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;
}</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)
Anhang:

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
10 Monate 3 Wochen her #166415 von tpartner
COM_KUNENA_MESSAGE_REPLIED_NEW
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 - 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.
Anhang:

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für alle Neuigkeiten rund um LimeSurvey
captcha