Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Fragetyp Matrix Texte

More
5 years 4 months ago #197347 by IdaSkorna
Fragetyp Matrix Texte was created by IdaSkorna
Hallo,
ich habe in meiner Umfrage den Fragetyp Matrix Texte verwendet. Als Frage habe ich ein Bild, welches dann mit Matrix Texte beantwortet werden soll. Leider muss man aber immer nach oben und unten scrollen, da oben das Bild und unten die Textfelder sind. Gibt es eine Möglichkeit beides nebeneinander anzuordnen?

Über eine Antwort würde ich mich sehr freuen.

Liebe Grüße
The topic has been locked.
More
5 years 4 months ago - 5 years 4 months ago #197362 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Hallo,
es gibt so etwas Ähnliches bereits.
User: Doomen
Thread: Fitting all in one page.
www.limesurvey.org/forum/design-issues/1...l-to-one-page#192319


Dort habe ich eine m E. schöne Lösung gezeigt.
Sie ist allerdings für normale Matrizen und mit noch etwas Schnickschnack.
Ich werde einmal sehen, dass ich es für eine Matrix(Texte) umbaue.
Aber wie immer die Fragen:
Welche Version?
Selbst gehostet oder so etwas wie eine Uni-Installation?
Hast Du Rechte, Themes zu ändern?
Und es wäre auch gut, die Größe des Bildes und die Anzahl der Matrixzeilen zu kennen.

Am besten, Du hängst hier einen lss export dieser Frage an.

Bis dann
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 4 months ago by Joffm.
The topic has been locked.
More
5 years 4 months ago - 5 years 4 months ago #197364 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Hast Du Dir das irgendwie so vorgestellt?


Joffm

P.S.
Dies ist in Version 3.x.

Als kleines Schmankerl könnte man nun noch die Bibliothek "HighSlide" einbauen.
Dann kann der Respondent durch Klick das Bild vergrößern, um es besser anschauen zu können, und es dann - durch erneuten Klick - wieder auf die Originalgröße zurücksetzen.
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 4 months ago by Joffm.
The topic has been locked.
More
5 years 4 months ago #197386 by IdaSkorna
Replied by IdaSkorna on topic Fragetyp Matrix Texte
Vielen Dank für die schnelle Antwort!
Genau so wie die Lösung aussieht meine ich das.
Ich habe eine Uni Version 3.x und Rechte Themes zu ändern.
Es sind Fragen mit 3 Spalten auf der x Skala (wie in der Lösung) und 9 Spalten auf der y Skala. Manche Fragen haben ein Bild im Hochformat (500x595) und manche im Querformat (800x445). Das mit dem Klick vergrößern wäre nur nötig wenn es von der Größe nicht nebeneinander passt, wahrscheinlich der Fall bei dem Querformat Bild.
The topic has been locked.
More
5 years 4 months ago - 5 years 4 months ago #197388 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Hallo,
mit Sicherheit wirst Du die HighSlide- Bibliothek nicht auf den Uni-Server hochladen können.
Ich habe aber gerade eine Möglichkeit gefunden, diese fast vollständig in den "files"-Folder Deiner Studie zu kopieren.
Ich werde einmal ein Beispiel machen. Ich muss mir nur noch zwei Bilder Deiner Ausmaße zurechtfummeln.

Dass diese verkleinert werden müssen, ist ja klar.
800px breit bedeutet schließlich: 40% eines Full HD-Bildschirmes, 80% der Fragencontainerbreite von LimeSurvey. Da bleibt nich mehr viel für die eigentliche Frage.

Und was ist mit Beantwortung auf dem smartphone?

Bis dann

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 4 months ago by Joffm.
The topic has been locked.
More
5 years 4 months ago #197391 by IdaSkorna
Replied by IdaSkorna on topic Fragetyp Matrix Texte
Es handelt sich um eine Umfrage die ausschließlich am Computer gemacht werden soll, von daher ist Smartphone kein Thema
VG
The topic has been locked.
More
5 years 4 months ago - 5 years 4 months ago #197403 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Hallo,
so hier sende ich Dir schon einmal das script für den "Normalfall".
Füge also dies in den Quelltext der Frage ein:

Das ist zunächst einmal die normale Einbindung eines Bildes, wenn Du es in die Ressourcen der Studie hochgeladen hast..
Wichtig hierbei ist der Zusatz style="width:100%"
<img alt="" src="/survey/upload/surveys/864689/images/boot500.jpg" style="width:100%" />

Jetzt aber das script:
Code:
<script type="text/javascript" charset="utf-8">
 
  $(document).on('ready pjax:scriptcomplete',function(){
 
    // Identify this question
    var thisQuestion = $('#question{QID}');
 
    // Move element(s)
    $('.question-title-container', thisQuestion).append($('.question-valid-container', thisQuestion));
  });
</script>

Und noch ein bisschen css:
Mit den beiden Einstellungen ".question-title-container" und ".answer-container" stellt man das Verhältnis von Bildbreite zu Fragenbreite ein; sollte also zusammen 100% ergeben.
Code:
<style type="text/css">
.question-container {
    margin-bottom: 0em;
    margin-top: 0em;
  }  
  #question{QID} .question-title-container {
    width:25%;
  }
#question{QID} .answer-container {
   width: 75%;
}
 
#question{QID} .question-valid-container {
    padding-left: 0;
}
</style>

Beispiel 1: Verhältnis Bild/Frage 25%/75%:


Beispiel 2: Verhältnis Bild/Frage 35%/65%:



Und dass man die Teilfragentextbreite (in %) hier einstellt, muss ich nicht extra erwähnen (tue ich trotzdem)



So, jetzt kommt der Teil zu "HighSlide".
Da Du die Bibliothek irgendwie in die Ressourcen Deiner Studie "hineinfummeln" musst, zunächst die Frage:
Wenn Du hier im Ressourcen-Wizard (oder wie man es nennen soll) bist, kannst Du mit Rechtsklick auf "files" wie im Bild einen Unterordner anlegen?

Wenn ja, könnte es klappen.
Dann schicke ich Dir im nächsten Schritt die gesamten Dateien, die in diese Unterordner einzufügen sind.

Bis dann
Joffm

Und hier noch eine Beispielstudie mit diesen beiden Fragen

File Attachment:

File Name: limesurvey...4689.lss
File Size:38.73 KB
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 4 months ago by Joffm.
The topic has been locked.
More
5 years 4 months ago #197709 by IdaSkorna
Replied by IdaSkorna on topic Fragetyp Matrix Texte
Vielen Dank für die ganze Mühe. Ich habe nochmal Rücksprache mit der Uni gehalten und leider steht es uns in der Version 3.x nicht zur Verfügung das Fragendesign auf diesem Weg zu ändern. Trotzdem war es ein Versuch wert und vielen Dank!
The topic has been locked.
More
5 years 4 months ago #197710 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Augenblick,
kannst Du mein Beispiel bei Dir importieren?
Oder kam dabei irgendeine Meldung?

Denn selbst bei sehr "kastrierten" Uni-Installationen kann man normalerweise in den Fragentext ein javascript einbauen.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
5 years 4 months ago #197729 by IdaSkorna
Replied by IdaSkorna on topic Fragetyp Matrix Texte
ich bin auf Konfigurationen --> Designvorlagen --> Fragendesigns gegangen.
Dann kam dieser Text: Soon, here, you'll have the list of all question types, and all customed question types.
You'll be able to manage them like the Survey Themes (inheritance, theme editor, configuration at global/survey group/survey ; show/hide by survey group, etc)
Engine is already working, the interface will come very soon.

Die Antwort der Uni war, dass dies erst möglich wird wenn Sie auf die Version 4.x umgestiegen sind, dies wird aber noch dauern....
The topic has been locked.
More
5 years 4 months ago #197733 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Ja, das ist klar.
Das darfst Du wahrscheinlich nicht; und da musst Du ja auch gar nicht hin.

Das Einzige, was Du zu tun hast, ist das Script in den Fragentext zu kopieren; dabei aber natürlich im Quellcode-Modus.
Also beide Teile "script" und "style".

Das hatte ich auch geschrieben:

Füge also dies in den Quelltext der Frage ein:


Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
5 years 4 months ago #197912 by IdaSkorna
Replied by IdaSkorna on topic Fragetyp Matrix Texte
Ah okay super, jetzt hat es auch geklappt!
Das mit dem Unterordner anlegen klappt auch!
Viele Grüße
The topic has been locked.
More
5 years 4 months ago #197914 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
Prima, dann schicke ich Dir spätestens morgen die ganzen Dateien von HighSlide, die in diese Unterordner gehören,
und die Änderung beim Aufruf des Bildes.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
5 years 4 months ago #197916 by IdaSkorna
Replied by IdaSkorna on topic Fragetyp Matrix Texte
Danke!
The topic has been locked.
More
5 years 4 months ago #197929 by Joffm
Replied by Joffm on topic Fragetyp Matrix Texte
So, hier eine hoffentlich verständliche Anleitung:
Über den Menuepunkt "Ressourcen" gelangst Du hierher,
wo Du diese beiden Unterordner anlegst:
unter "files" -> "graphics", und darunter wieder "outlines".


Nun lädst Du die Dateien, die in den gleichnamigen zip-Dateien sind, nach Entpacken in diese Ordner. (Ich habe alle noch einmal in eine Gesamt-Datei gepackt).

Es wird Fehlermeldungen geben, dass einige Dateien nicht hochgeladen werden konnten; aber das ist nicht tragisch, es handelt sich dabei um zwei Lupensymbole.
Gut, jetzt sieht es so aus:






Jetzt kommt die Einbindung in die Frage:
Zunächst werden die benötigten Dateien aus den Ressourcen eingebunden:
Code:
<script type="text/javascript" src="/survey/upload/surveys/{SID}/files/highslide-full.min.js"></script>
<link href="/survey/upload/surveys/{SID}/files/highslide.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript">
    hs.graphicsDir = '/survey/upload/surveys/{SID}/files/graphics/';
    hs.wrapperClassName = 'wide-border';  
    hs.align = 'center';
</script>
Wie Du siehst, habe ich hier die SurveyID durch den Platzhalter {SID} eingebunden; dann muss man ihn nicht immer anpassen.

Und jetzt das Bild an sich.
Komischerweise muss man hier - in der zweiten Zeile - doch die aktuelle SurveyID eingeben
Code:
<a class="highslide" href="/survey/upload/surveys/{SID}/images/boot500.jpg" onclick="return hs.expand(this)" rel="highslide">
  <img alt="Highslide JS" src="/survey/upload/surveys/864689/images/boot500.jpg" title="Klicken zum Vergrößern" width="100%" />
</a>
Hier ist zweimal dasselbe Bild genommen worden. Solltest Du über ein kleines und ein großes Bild verfügen, kannst Du auch beide nehmen
Code:
<a class="highslide" href="/survey/upload/surveys/{SID}/images/boot_gross.jpg" onclick="return hs.expand(this)" rel="highslide">
  <img alt="Highslide JS" src="/survey/upload/surveys/864689/images/boot_klein.jpg" title="Klicken zum Vergrößern" width="100%" />
</a>

Hier die gezipte Datei mit den Ressourcen:

File Attachment:

File Name: gesamt.zip
File Size:85.51 KB


Und natürlich das LS-Beispiel; da die Bilder nicht bei Dir sind, ist dies mehr gedacht als Vorlage.

File Attachment:

File Name: limesurvey...4-25.lss
File Size:60.99 KB


Viel Erfolg
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