- Posts: 27
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Bootstrap / Pop-up Feld einfügen
- antepante1
- Topic Author
- Offline
- Junior Member
Ihre LimeSurvey-Version: Version 3.28.51+230228
Eigener Server oder LimeSurvey-Cloud: eigener Server
Genutzte Designvorlage:
bootswatch_BL
Hallo liebes forum,
Ich würde gerne folgendes machen:
Um nicht so viele Hilfetexte zu haben, will ich ein Pop-Up feld einfügen. Dass das feld hinterlegt ist und ein Text erscheint, wenn man mit dem Courser darüberfährt. Weiß wer, wie das klappt?
Ich habe schon eine Anleitung gefunden hier: ( How to use Bootstrap tooltips at a Limesurvey survey • Limesurvey Consulting - The Limesurvey experts (survey-consulting.com) ) und diese so umgesetzt :
<p>Bitte nennen Sie <span> data-bs-toggle=”tooltip” title="Betriebsmittel ... dieses Wort sollte hinterlegt sein.. ">Betriebsmittel</span> ... text.</p>
<p> </p>
Es funktioniert aber nicht.
Kann mir da jemand weiterhelfen oder eine andere Möglichkeit zeigen, wie dies möglich ist?
LG anna
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
- Posts: 12889
- Thank you received: 3965
in meinem "Tutorial 3: Gimmicks" findest Du vieles über tooltips, popovers (das sind verschiedene Dinge) und auch modals.
Einfach etwas herunterscrollen, auf Seite 2, vielleicht 3.
Am besten Du lädst die zip-Datei aus dem Anhang, entzippst und importierst sie bei Dir.
Dies jetzt nur schnell vom Smartphone.
Bis dann
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- antepante1
- Topic Author
- Offline
- Junior Member
- Posts: 27
- Thank you received: 0
Please Log in to join the conversation.
- holch
- Offline
- LimeSurvey Community Team
- Posts: 11639
- Thank you received: 2737
<p>Bitte nennen Sie <span> data-bs-toggle=”tooltip” title="Betriebsmittel ... dieses Wort sollte hinterlegt sein.. ">Betriebsmittel</span> ... text.</p>
Naja, wenn du den span tag gleich wieder schliesst und die ganzen anderen Inforationen wie 'data-bs-toggle...' nicht mit in den Span-Tag nimmst, kann das auch nicht funktionieren.
Du verwendest ja jetzt einen Button, versuch' es doch erstmal mit einem span.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Please Log in to join the conversation.
- antepante1
- Topic Author
- Offline
- Junior Member
- Posts: 27
- Thank you received: 0
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
- Posts: 12889
- Thank you received: 3965
Sollen wir den Code aus dem Bild abschreiben?
Und hast Du das popover auch initialisiert?
Das sieht man auch nicht.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- antepante1
- Topic Author
- Offline
- Junior Member
- Posts: 27
- Thank you received: 0
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
- Posts: 12889
- Thank you received: 3965
zunächst einmal solltest Du Dich einigen, was Du überhaupt benutzen willst, einen tooltip oder ein popover.
Für einen Tooltip benötigst Du keinen Button; also soll es wohl ein popover sein.
Wie vermutet, hast Du auch das popover nicht initialisiert mit
<script> $(function () { $('[data-bs-toggle="popover"]').popover() }); </script>
Ich habe noch zusätzlich eine andere - größere - maximale Breite mittels css gesetzt.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
- Posts: 12889
- Thank you received: 3965
Darin steckt noch etwas css. Das kannst Du ja nach Deinen Wünschen gestalten.
Besonders die Breite würde ich etwas vergrößern. Dann bekommst Du natürlich Schwierigkeiten bei der Beantwortung auf Smartphones.
Aber hier hilft dann eine "media query".
Über css findet man ja massenweise Anleitungen im Internet.
Gut als Allrounder ist immer W3Schools.
[url] www.w3schools.com/css/default.asp [/url]
Interessant fände ich bei diesem langen Text auch ein "collapse"
Hier noch einmal die gesamte lss.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
- Posts: 12889
- Thank you received: 3965
Was spricht denn dagegen, diese Erläuterung einfach als Fußnote anzuzeigen?
Könnte ja auch im Hilfetext erscheinen. Er ist schließlich für solche Dinge konzipiert.
Gut, jetzt zu Deiner Antwort auf @holchs:
Das bedeutet, dass Du nicht das gemacht hast, was in der Anleitung steht.Naja, wenn du den span tag gleich wieder schliesst und die ganzen anderen Inforationen wie 'data-bs-toggle...' nicht mit in den Span-Tag nimmst, kann das auch nicht funktionieren.
Du schreibst
In der verlinkten Anleitung steht aber<p>Bitte nennen Sie <span> data-bs-toggle=”tooltip” title="Betriebsmittel ... dieses Wort sollte hinterlegt sein.. ">Betriebsmittel</span> ... text.</p>
Du siehst den Unterschied?<span data-bs-toggle="tooltip" title="Limesurvey is the worldwide leading open source survey software">Limesurvey</span>
Bei Dir steht <span>, richtig wäre aber <span data-bs-toggle... gewesen.
Du hast das span-tag also wirklich direkt wieder geschlossen.
So weit, so gut.
Jetzt denke ich einmal über Deine Matrixfrage nach, die ja die darauffolgende Frage bedingt.
Diese Frage wird anscheinend nur gestellt, wenn wenigstens ein Vieh vorhanden ist.
Müsste man nicht bereits die Frage nach der Viecheranzahl nur stellen, wenn sicher ist, dass Viecher vorhanden sind?
Ansonsten kann man sich die ganze Matrix doch schenken.
Zugegeben, Deine Infos dazu sind sehr dürftig; daher ist dies also etwas Spekulation von mir.
Bis dann
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- antepante1
- Topic Author
- Offline
- Junior Member
- Posts: 27
- Thank you received: 0
vielen, vielen Dank!! Mit dem Tooltip sieht das auch nochmal viel besser aus, danke für den Tipp. Das enizige das ich jetzt noch verändern muss, ist die Farbe der Betriebsmittel. Das kann man jetzt leider nicht lesen, weil es die gleiche Farbe wie der Hintergrund hat.
Und ja, wir haben jetzt alles als Fußnote, wollen aber den Text reduzieren, da es über die gesamte Umfrage zu viel zu lesen ist.
LG Anna
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
- Posts: 12889
- Thank you received: 3965
[url] www.w3schools.com/css/css_link.asp [/url]
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.