Welcome to the LimeSurvey Community Forum

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

Bootstrap / Pop-up Feld einfügen

  • antepante1
  • antepante1's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 4 weeks ago #241614 by antepante1
Bootstrap / Pop-up Feld einfügen was created by antepante1
Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
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
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 4 weeks ago #241616 by Joffm
Replied by Joffm on topic Bootstrap / Pop-up Feld einfügen
Hallo, Anna,
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
  • antepante1's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 4 weeks ago #241641 by antepante1
Replied by antepante1 on topic Bootstrap / Pop-up Feld einfügen
Hi, danke! Habe deinen Code jetzt mal eingefügt, ich habe das Feld jetzt tatsächlich da, aber es lässt sich nicht öffnen? Was ist der Fehler? Ich habe genau den Code kopiert. 

LG    

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 4 weeks ago #241642 by holch
Replied by holch on topic Bootstrap / Pop-up Feld einfügen
Code:
<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
  • antepante1's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 4 weeks ago #241645 by antepante1
Replied by antepante1 on topic Bootstrap / Pop-up Feld einfügen
Naja, was heißt das? Ich habe den Code aus dieser Anleitung kopiert da steht nichts von Span-Tags. Ich kenn mich bei Codes nicht aus also verstehe ich das leider nicht

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 4 weeks ago #241646 by Joffm
Replied by Joffm on topic Bootstrap / Pop-up Feld einfügen
Schicke doch einfach diese Frage als lss export!
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
  • antepante1's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 4 weeks ago #241647 by antepante1
Replied by antepante1 on topic Bootstrap / Pop-up Feld einfügen
 

File Attachment:

File Name: limesurvey...9651.lss
File Size:16 KB
 

File Attachment:

File Name: limesurvey...9651.lss
File Size:16 KB

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 4 weeks ago #241650 by Joffm
Replied by Joffm on topic Bootstrap / Pop-up Feld einfügen
Hallo,
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
Code:
<script>
$(function () {
  $('[data-bs-toggle="popover"]').popover()
});
</script>

Ich habe noch zusätzlich eine andere - größere - maximale Breite mittels css gesetzt.
 

 

File Attachment:

File Name: limesurvey...8966.lss
File Size:17 KB


Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 4 weeks ago - 1 year 4 weeks ago #241657 by Joffm
Replied by Joffm on topic Bootstrap / Pop-up Feld einfügen
Übrigens, so könnte es mit einem Tooltip aussehen.
 

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.
 

File Attachment:

File Name: limesurvey...9661.lss
File Size:20 KB


Joffm

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 year 4 weeks ago by Joffm.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 4 weeks ago - 1 year 4 weeks ago #241668 by Joffm
Replied by Joffm on topic Bootstrap / Pop-up Feld einfügen
Noch eine weitere Anmerkung.
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:

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.

Das bedeutet, dass Du nicht das gemacht hast, was in der Anleitung steht.
Du schreibst

<p>Bitte nennen Sie  <span> data-bs-toggle=”tooltip” title="Betriebsmittel ... dieses Wort sollte hinterlegt sein.. ">Betriebsmittel</span> ... text.</p>

In der verlinkten Anleitung steht aber

<span data-bs-toggle="tooltip" title="Limesurvey is the worldwide leading open source survey software">Limesurvey</span>

Du siehst den Unterschied?
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
Last edit: 1 year 4 weeks ago by Joffm.

Please Log in to join the conversation.

  • antepante1
  • antepante1's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 3 weeks ago #241719 by antepante1
Replied by antepante1 on topic Bootstrap / Pop-up Feld einfügen
Lieber Joffm,

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
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 3 weeks ago #241720 by Joffm
Replied by Joffm on topic Bootstrap / Pop-up Feld einfügen
Um die Farbe zu ändern, brauchst Du ja nur das <a> tag entsrechend zu stylen.
[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.

Moderators: Joffm

Lime-years ahead

Online-surveys for every purse and purpose