Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Ändern von "Tooltips" auf Registrierungsseite

More
2 years 8 months ago #238991 by heinz23
Ändern von "Tooltips" auf Registrierungsseite was created by heinz23
Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version: LimeSurvey Community Edition Version 3.27.3
Eigener Server oder LimeSurvey-Cloud: Eigener Server
Genutzte Designvorlage: vanilla, modified
==================
Hallo!

Im Endeffekt habe ich zwei Fragen:

1) Ich  habe die Registrierungsseite geändert, sodass die Einverständniserklärung als Accordion angezeigt wird ( forums.limesurvey.org/forum/german-forum...eite-anzeigen-lassen ). Ist es möglich diese als "Inline-Text" (wie bei der offiziellen Datenschutzerklärungsfunktion von Limesurvey) anzeigen zu lassen?

2) Zudem habe ich ein Feld eingebaut, um einen Haken setzen zu können, um die Einverständniserklärung zu akzeptieren:
    <label>
      <input type="checkbox" required> <b><font size=+1>Ich stimme der Einverständniserklärung zu.</b></font size>
    </label>
  </div>

Funktioniert auch super, jedoch ist möchte ich gerne die "Tooptips", die erscheinen, wenn man Pflichtfelder nicht ausfüllt ändern. Aktuell sind Sie in der Du-Form, jedoch würden wir unsere Teilnehmer:innen gerne Siezen. Gibt es hier eine Möglichkeit, wie das umzusetzen ist?

Viele Grüße
Felix
 

Please Log in to join the conversation.

More
2 years 8 months ago - 2 years 8 months ago #238994 by Joffm
Replied by Joffm on topic Ändern von "Tooltips" auf Registrierungsseite

Ist es möglich diese als "Inline-Text" (wie bei der offiziellen Datenschutzerklärungsfunktion von Limesurvey) anzeigen zu lassen?

Das verstehe ich nicht. Dazu musst Du doch nur den Accordion-Kram weglassen und es meinetwegen in einer ".well" anzeigen, oder einem ".panel"
Guck noch einmal bei "bootstrap" rein.
 

Das andere? Hm, keine Ahnung.
Aber wenn Du in der "register_form.twig" hier
'class' : 'form-control input-sm','required' : true
das 'required' : true weglässt, kommt kein Tooltip, sondern ein alert
 

Kannst Du ja irgendwo anders platzieren.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 2 years 8 months ago by Joffm.

Please Log in to join the conversation.

More
2 years 8 months ago #238995 by heinz23
Replied by heinz23 on topic Ändern von "Tooltips" auf Registrierungsseite
1)
Mein "Code" sieht derzeit so aus:
<div class="panel-group lang-de" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 data-bs-toggle="collapse" data-parent="#accordion" href="#collapse1" class="panel-title expand">
<div class="right-arrow pull-right">+</div>
<a href="#">Einverständniserklärung</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body"><b></b><center>Einverständniserklärung</b><br><br></center>

lorem ipsum lorem ipsum</div>
</div>
</div>
</div>
</body>

Ich würde gerne, dass es so aussieht:
Habe mich gestern durch bootstrap gewühlt, finde aber unter "Inline-Text" nur Sachen, die anscheinend etwas anderes meinen.

2) Das löschen von 'required' : true funktioniert, vielen Dank! Jetzt habe ich leider noch das Problem, dass der "Tooltip" unten noch auftauch. Auch hier ist ein Screenshot wahrsch. sinnvoller:

Gerne wühle ich mich auch durch Dokumentationen, aber sobald ich auf github lande reicht mein Verständnis leider nicht mehr aus..

Please Log in to join the conversation.

More
2 years 8 months ago #239004 by Joffm
Replied by Joffm on topic Ändern von "Tooltips" auf Registrierungsseite
Ich sage doch: Schmeiß den ganzen Kram mit Accordion und collapse raus; das willst Du doch nicht.

Nimm ein simples "panel".
Da kannst Du direkt das Beispiel "Panel with Heading" kopieren.
Im .panel-body dann die Geschichte mit dem Scrollen, wie z.B.
<div class="panel-body"   style="height: 180px; overflow-y: scroll; overflow-x: hidden;">
 

Und der Tooltip:
Tja, das ist HTML5, und hat nichts mit LimeSurvey zu tun.
Kannst Du hier einmal nachlesen
[url] wiki.selfhtml.org/wiki/HTML/Tutorials/Fo...ereigene_Validierung [/url]

Wenn Du hier höflicher sein willst, damit Deine Teilnehmer (egal ob innen, außen, oben oder unten) sich nicht vor den Kopf gestoßen fühlen, musst Du einen Browser erzwingen, der dies macht, z.B. Firefox.
 

Google und Konsorten meinen ja wohl, sie könnten jeden ungefragt duzen.

Joffm

Oder Du lässt dies einfach.
Klick, um in einem Pop-up alles zu lesen, was man (nicht) lesen möchte (scheint ja ziemlich viel zu sein).
Und dann noch "Mit dem Absenden erklären Sie Ihr Einverständnis mit allem, auch dem Kauf der Waschmaschine"
Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
2 years 8 months ago #239025 by holch
Replied by holch on topic Ändern von "Tooltips" auf Registrierungsseite
Zum Sie und Du: Welche Version "Deutsch" hast du denn gewählt. Falls "Deutsch - Du", dann wundert es mich nicht. Falls "Deutsch - Sie", dann sollte man die Übersetzung anpassen.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.

Please Log in to join the conversation.

More
2 years 8 months ago #239031 by Joffm
Replied by Joffm on topic Ändern von "Tooltips" auf Registrierungsseite

Zum Sie und Du: Welche Version "Deutsch" hast du denn gewählt.

Wie gesagt, das ist eine HTML5-Sache.
Firefox schreibt "Sie", Google und daher auch Edge schreiben "Du"

Wie man hier schön sieht:
Die Umfrage ist Englisch, mein Browser (hier Chrome) spricht aber Deutsch mit mir.
 

Steht so auch auf der von mir verlinkten Seite.
Diese Meldungen sind sehr allgemein gehalten und können unter ungünstigen Umständen in der im Browser eingestellten, und nicht in der in der Webseite verwendeten Sprache sein.
Es könnte empfehlenswert sein, die browsereigene Gültigkeitsüberprüfung abzuschalten und durch eigene JavaScripte zu ersetzen.


Ich denke, es liegt hier
{{ C.Html.textField('register_email', aSurveyInfo.sEmail, ({'id' : 'register_email','class' : 'form-control input-sm','required' : true})) }}

Es wird einfach das Attribut "required" dahintergeknallt.
Und dann springt die browserinterne Validierung an.

Gut, jetzt könnte man diese wiederum abschalten mit "novalidate" und eine eigene Prüfung mittels javascript einbauen.
Vielleicht gibt es hier ein wenig "Futter"
[url] wiki.selfhtml.org/wiki/JavaScript/Tutori...avaScript_validieren [/url]



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

Please Log in to join the conversation.

Moderators: holch, Joffm, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source