Wie kann ich ein lab.js-Experiment in SoSci einbinden, ohne dass sich die Formatierung verändert?

Question

Liebes SoSci-Team,

Ich habe ein kognitives Experiment (Flanker Task) in lab.js erstellt und möchte es nun in SoSci Survey implementieren.

In der lab.js-Vorschau wird das Experiment korrekt dargestellt: Die Stimuli (Pfeile) sind zentriert bzw. am Bildschirmrand positioniert, und die Anzeigegröße bleibt konstant.
Nach dem Einbinden in SoSci Survey verändert sich jedoch die Formatierung deutlich:
Die Pfeile werden über die gesamte Bildschirmbreite auseinandergezogen,
die ursprünglich festgelegte Bildschirmgröße bleibt nicht erhalten,
das Experiment scheint sich der SoSci-Seitenstruktur anzupassen, wodurch das Layout verzerrt wird.

Ich habe bereits versucht, die ursprüngliche Formatierung über HTML- bzw. CSS-Einstellungen in SoSci beizubehalten (z. B. durch das Einfügen eines -Blocks, der den Viewport oder Containergrößen aus lab.js definiert), allerdings ohne Erfolg.
Gibt es eine empfohlene Vorgehensweise, um das Layout eines lab.js-Experiments beim Einbinden in SoSci Survey stabil zu halten?

Vielen Dank vorab für Ihre Unterstützung!

Answer 1

Sie können bei der Einbindung in SoSci Survey einstellen, in welchem Format das lab.js Experiment eingebunden wird. Eine Option ist die Darstellung im Vollbild.

Sollte es mit der Vollbild-Darstellung aus irgendwelchen Gründen nicht funktionieren, müssten Sie bitte beim Erstellen des Experiments darauf achten, das Layout so zu gestalten, dass es sich responsiv an unterschiedliche Bildschirmgrößen anpasst.