Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Skala mit Matrix Punkteauswahl versehen?

  • jenoschjo_
  • jenoschjo_'s Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 8 months ago #196733 by jenoschjo_
Skala mit Matrix Punkteauswahl versehen? was created by jenoschjo_
Liebe Forumsmitglieder,

wir versuchen momentan einen Paper-Pencil-Fragebogen auf online in LimeySurvey umzumünzen. Die meisten Fragetypen sind kein Problem, allerdings gibt es eine, bei der ich momentan nicht weiterkomme.
In der Paper-Pencil-Version gibt es eine Skala, auf der man auf einem Pfeil an einer beliebigen Stelle ein Kreuz setzen sollte (siehe Bild unten). Eine Möglichkeit dies online umzusetzen, wäre es evtl., unter dem Bild eine Punkteskala (zb. mit 7 Punkten mit je einem unter jeder Silhouette oder 13 Punkten auch für die Zwischenräume) zu setzen, bei denen die Teilnehmenden dann einen Punkt ankreuzen können. Es ist nicht ideal, aber eine Möglichkeit. Wisst ihr, ob das umzusetzen wäre? Oder habt ihr andere Ideen?

Ich danke euch für euren Input und Ideen, liebste Grüße,
Jenny
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 8 months ago #196741 by Joffm
Replied by Joffm on topic Skala mit Matrix Punkteauswahl versehen?
Hallo, Jenny,
ich würde Euch einen Schieberegler empfehlen.
Könnte dann so aussehen.


Klappt in diesem Fall bis zu Bildschirmgrößen >1024 px.
Darunter muss man dann mit @media-queries arbeiten, um die Responsivität zu synchronisieren.
Aber bei z.B. smartphones sind Schieberegler per se zu vermeiden. Ist einfach zu fitzelig.


Man könnte wohl auch mit dem Fragendesign "bootstrap-buttons" arbeiten

(Hier jetzt ohne viel Styling - aus Bequemlichkeit auch nur zwei verschiedene Silhouetten -, außer
Code:
<style type="text/css">
.answer-container {
    padding-left: 20%;
}
</style>)
Oder auch mit dem Fragendesign "image-select".
Allerdings lassen beide dann keine Zwischenwerte zu.

Aber ich würde auf die Zwischenwerte verzichten. Was soll denn auch noch ein Zwischenwert zwischen 2 und 3, wo man fast keinen Unterschied sieht.
Nur um diejenigen zu befriedigen, die sich nie einigen können?

Schau es Dir an, und dann kannst Du Dich für weitere Fragen melden.

Joffm

File Attachment:

File Name: limesurvey...4782.lss
File Size:23 KB
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: jenoschjo_
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 8 months ago #196760 by Joffm
Replied by Joffm on topic Skala mit Matrix Punkteauswahl versehen?
Mit diesen Angaben klappt es auch auf dem Smartphone prima:
Code:
<div class="embed-responsive picture"><img alt="" src="https://www.mServer.de/userfiles/Koerper.png" style="width:100%;height:100% !important" /></div>
Meine Körpergrenzen sind ...
 
<style type="text/css">.slider .tooltip.top {
  display:none;
}
.picture {
  margin-left:15%;
  margin-right:15%;
  height:100% !important 
}
@media (max-width: 768px){
.picture {
  margin-left:0%;
  margin-right:0%;
  height:100% !important
</style>

Evtl. muss das Bild ein bisschen anders zugeschnitten werden, oder der linke und rechte Rand ein bisschen umgestellt, damit es richtig passt.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • jenoschjo_
  • jenoschjo_'s Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 8 months ago #196776 by jenoschjo_
Replied by jenoschjo_ on topic Skala mit Matrix Punkteauswahl versehen?
Hallo Joffm,

ich danke dir vielmals! Der Schieberegler sieht super aus, ich habe ihn zuvor nicht entdeckt. Wirklich perfekt!
Ich werde mich erstmal weiter einlesen und schauen, wie weit ich komme. Sollte ich dann noch Fragen habe, nehme ich dein Angebot auf dich zurückzukommen, gerne in Anspruch! :)

LG und alles Gute,
Jenny
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 8 months ago #196786 by Joffm
Replied by Joffm on topic Skala mit Matrix Punkteauswahl versehen?
Hallo, Jenny,
ich habe noch einen Zusatz zum css gemacht, da es auf einem Tablet hochkant noch einen Glitch hatte.
Hier noch einmal das gesamte css, das in den Fragentext kommen sollte.
Der letzte Teil ist neu. Du erkennst ja an der media-query, dass es hier nur um die Bildschirmbreite zwischen 768 und 1024 geht.
Code:
<style type="text/css">.slider .tooltip.top {
  display:none;
}
.picture {
  margin-left:12%;
  margin-right:15%;
  height:100% !important 
}
@media (max-width: 768px){
.picture {
  margin-left:0%;
  margin-right:0%;
  height:100% !important
  }
}
  @media(min-width: 768px) and (max-width: 1024px) {
  div.col-sm-2.slider-right.text-left.visible-xs-block.col-xs-6 {
    display:none !important;
  }
}
</style>

Noch einmal drei Bildchen.

Full Screen


Tablet: Breite 800px:


Smartphone: Breite 360px


Übrigens: Ich habe in den Text "kaum wahrnehmbar" einen "weichen Trenner" <wbr> eingesetzt, also "kaum wahr<wbr>nehmbar".
Dann sieht es etwas besser aus, als wenn die automatische Trennung "zuschlägt".

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
Moderators: holch, Joffm, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source