- Posts: 11
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Video einbinden rechts neben Antwortoptionen
- Projekt-Employ
-
Topic Author
- Offline
- New Member
-
1 year 8 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
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
-
- Offline
- LimeSurvey Community Team
-
- Joffm
-
- Offline
- LimeSurvey Community Team
-
1 year 8 months ago #230993
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
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.
b. css
Auch hier natürlich alle "width"-Werte anpassen.
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
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: Joffm