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
Topic Author
