Drag&Drop (Kartenzuordnung) an mobilen Geräten

Question

In einer Frage sollen mehrere Grafiken jeweils einer Kategorie zugeordnet werden. Ich verwende dafür den Fragetyp "Karten zuordnen (Mehrfachzuordnung)".

Am PC klappt das soweit in Ordnung. In der mobilen Version gibt es Probleme mit dem Drag&Drop. Es funktioniert auf Samsung Tablets/Handys quasi gar nicht: siehe hier: https://www.soscisurvey.de/mcsc/ Die Bilder hängen sich auf/lassen sich nicht mehr verschieben.

Da der Fragebogen von Grundschul- bzw. sogar Kita-Kindern bearbeitet werden soll, müsste die mobile Bedienung möglichst intuitiv sein. Kann mir hier jemand weiterhelfen?

Comments

Auf kleinen Displays (Smartphone im Hochformat) wird die Frage nicht mehr als Drag&Drop angezeigt, sondern es werden die Bilder angezeigt und darunter jeweils Auswahlfelder zum antippen.

Meinen Sie diese Darstellung oder meinen Sie die Darstellung auf dem Smartphone im Querformat? Da sehe ich ein Problem, muss dieses aber noch genauer untersuchen.

Generell wäre es eine Überlegung wert, ob der Fragetyp "Zuordnungsaufgabe" für die Aufgabe nicht besser geeignet wäre.

---

Ich meine die Darstellung im Querformat.

Der Fragetyp Zuordnungsaufgabe scheint ganz gut geeignet, wobei man seine Antworten im Nachhinein nicht mehr ändern kann. Wir schauen uns das aber als Alternative an, danke!

Answer 1

Danke für den Hinweis, dass es mit Drag&Drop bei dem Fragetyp "Karten zuordnen (Mehrfachzuordnung)" auf Touch-Geräten noch nicht funktionierte ... wir haben das nun repariert.

Ich würde darüber hinaus empfehlen, dass Sie noch folgenden PHP/CSS-Code auf der Seite ergänzen, damit die Felder genug Platz für die Bilder bieten:

pageCSS('
    .S2MultiSort .s2stack {
      display: flex;
      flex-wrap: wrap;
    }
    .S2MultiSort .s2targets {
      max-width: 60%;
    }
');