Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Video einbinden rechts neben Antwortoptionen

  • Projekt-Employ
  • Projekt-Employ's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 6 months ago #230989 by Projekt-Employ
Video einbinden rechts neben Antwortoptionen was created by Projekt-Employ
Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version: LimeSurvey Community Edition Version 3.28.18+220706
Eigener Server oder LimeSurvey-Cloud: LimeSurvey-Cloud Uni Köln
Genutzte Designvorlage: Fruity
==================
Hallo,

ich erstelle im Moment eine Umfrage, in welche Gebärdensprachvideos mit eingebunden werden sollen. Die Videos für den Fragentext mit einzubinden funktioniert problemlos. Bei den Antwortoptionen wird es allerdings schwierig. Es soll nur ein Gebärdensprachvideo geben, in welchem alle Antwortoptionen gebärden werden. Dieses Video soll dann aber nicht einer Antwortoption zugeordnet werden, sondern rechts neben den Antworten erscheinen (siehe Screenshot). Ist das irgendwie möglich?

Liebe Grüße

Anne
Attachments:

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago - 2 years 6 months ago #230990 by Joffm
Replied by Joffm on topic Video einbinden rechts neben Antwortoptionen
Ginge auch links daneben?

Dazu gab es einmal etwas in der Art von user " doomen" oder ähnlich.

Muss man einmal suchen.

Bis später
Joffm 

P.S.Eine ganz einfache Lösung wäre natürlich, die Antwortoptionen als bootstrap-buttons darzustellen und das Video in den Hilfetext darunter.

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

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 6 months ago #230993 by Joffm
Replied by Joffm on topic Video einbinden rechts neben Antwortoptionen
Gut, hier also mehrere Lösungen.
1. Zunächst die einfache - built-in Lösung mit bootstrap-buttons und dem Video im Hilfetext.
 

2. Das Video links neben den Antwortoptionen
 

Es ginge auch, das Video nach rechts zu setzen.
Aber: Was wird eigentlich gemacht?
Es wird der Fragecontainer verschoben und mit etwas css gestylt, dass er sich den Platz mit dem Antwortcontainer teilt.
Damit würde auch der eigentlich Fragetext erst rechts beginnen, was ich für weniger gut halte.

Lösung 1 ist ja Standard.
Um die Farben der Buttons anzupassen, siehe hier
[url] forums.limesurvey.org/forum/dutch-forum/...leur-sjabloon-fruity [/url]


Hier die scripte für Lösung 2

a. javascript
Hier müssen die Werte für Breite und Höhe des Videos angepasst werden.
Code:
<video controls="" height="240" width="320"><source src="https://www.mafosurvey.de/userfiles/happypeanuts.mp4" type="video/mp4" /></video>
<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>

b. css
Auch hier natürlich alle "width"-Werte anpassen.
Code:
<style type="text/css">@media only screen and (min-width: 600px) {
 
  .question-container {
    margin-bottom: 0em;
    margin-top: 0em;
  }  
  #question{QID} .question-title-container {
    width:30%;
  }
  #question{QID} .answer-container {
    width: 70%;
    margin-top:2em;
  }
 
  #question{QID} .question-valid-container {
    padding-left: 0;
  }
}
</style>

Und wenn denn das Video partout nach rechts soll, fügt man hinzu
bei "question-title-container"
    float:right;

und bei "answer-container"
    float:left;

Joffm

 
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