- Posts: 5
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Mouse over / tooltip text in Array dual scale?
- jayray27
- Topic Author
- Offline
- New Member
Less
More
9 years 9 months ago - 9 years 9 months ago #109367
by jayray27
Mouse over / tooltip text in Array dual scale? was created by jayray27
Hallo,
ich möchte gerne einen kurzen Text als mouse over Text erscheinen lassen von man mit der Mouse über eine Subquestion in einer Array dual scale Frage geht.
Ich denke man muss dazu Javascript oder CSS nutzen? Ich weiss leider nicht genau wie man das in Limesurvey einbinden und nutzen kann und welches Skript da am besten funktioniert.
Wie kann man das am besten lösen?
Vielen Dank für Eure Tipps und Hilfe!!!
LG,
Ben
ich möchte gerne einen kurzen Text als mouse over Text erscheinen lassen von man mit der Mouse über eine Subquestion in einer Array dual scale Frage geht.
Ich denke man muss dazu Javascript oder CSS nutzen? Ich weiss leider nicht genau wie man das in Limesurvey einbinden und nutzen kann und welches Skript da am besten funktioniert.
Wie kann man das am besten lösen?
Vielen Dank für Eure Tipps und Hilfe!!!
LG,
Ben
Last edit: 9 years 9 months ago by jayray27.
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
9 years 9 months ago - 9 years 9 months ago #109370
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic Mouse over / tooltip text in Array dual scale?
Solution
100% CSS
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Last edit: 9 years 9 months ago by Ben_V.
The topic has been locked.
- jayray27
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
9 years 9 months ago #109416
by jayray27
Replied by jayray27 on topic Mouse over / tooltip text in Array dual scale?
Hi Ben_V,
danke für Deine Antwort. Hast du eventuell Infos wie ich das einsetzen kann in Limesurvey?? Bin leider nicht so der Profi...
Tausend Dank!!!
Grüße
Benny
danke für Deine Antwort. Hast du eventuell Infos wie ich das einsetzen kann in Limesurvey?? Bin leider nicht so der Profi...
Tausend Dank!!!
Grüße
Benny
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
9 years 9 months ago - 9 years 9 months ago #109419
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic Mouse over / tooltip text in Array dual scale?
Sorry... I can't use german
A simple way for "basic" design:
1) Paste this CSS code in your template.css file (you can adapt colors, dimensions, position etc.):
2) When you need to apply a tip to a word a sentence, use the following syntax:
=> Related post
.
A simple way for "basic" design:
1) Paste this CSS code in your template.css file (you can adapt colors, dimensions, position etc.):
Code:
.tooltip { outline:none;cursor:help;text-decoration:none;position:relative,color:#000 } .tooltip span { margin-left:-999em;position:absolute } .tooltip:hover span { border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;right:0.5em;top:2em;z-index:99;margin-left:0;width:250px } .tooltip:hover em { display:block;padding:0.2em 0 0.6em 0 } .classic { border:1px solid #DDD;padding:6px;background:#FFA }
2) When you need to apply a tip to a word a sentence, use the following syntax:
Code:
<a class="tooltip" href="#">Your TEXT (word or sentence) goes here<span class="classic">Your TIP goes here</span></a>
=> Related post
.
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Last edit: 9 years 9 months ago by Ben_V.
The following user(s) said Thank You: jayray27
The topic has been locked.
- jayray27
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
9 years 9 months ago #109436
by jayray27
Replied by jayray27 on topic Mouse over / tooltip text in Array dual scale?
Great, this works!! Thank you VERY much!
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
9 years 9 months ago #109437
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic Mouse over / tooltip text in Array dual scale?
You're welcome.
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
- Mazi
- Offline
- Official LimeSurvey Partner
4 years 10 months ago #184195
by Mazi
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
Replied by Mazi on topic Mouse over / tooltip text in Array dual scale?
Auch wenn der Post hier schon etwas älter ist, ergänze ich einen kurzen Kommentar zu Tooltips in der aktuellen Limesurvey 3 Version. Die Themes dort nutzen das Bootstrap-Framework, das bereits eine Unterstützung von Tooltips liefert. Wir haben dazu kürzlich einen längeren Blogartikel geschrieben, indem alle Details und die Einbettung erklärt werden: "
How to use Bootstrap tooltips at a Limesurvey survey
".
Hier gibt es dazu eine Beispielumfrage .
Hier gibt es dazu eine Beispielumfrage .
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
The topic has been locked.
Moderators: Joffm