Optische Absetzung von Ausweichoptionen

Question

Guten Morgen,

ich habe eine Frage zur Darstellung von Ausweichoptionen: Ausweichoptionen sind je nach Fragetyp unterschiedlich stark von den regulären Antwortoptionen abgesetzt.

• So wird z.B. beim Fragetyp Texteingabe offen die Ausweichoption durch einen senkrechten Strich vom Texteingabefeld abgesetzt.

• Beim Fragetyp Auswahl hingegen gibt es nicht nur einen waagrechten Strich, sondern oberhalb und unterhalb des waagrechten Strichs ist der Hintergrund weiß, während die Antwortoptionen und die Ausweichoptionen blau hinterlegt sind (ich beziehe mich hier auf das Layout SoSci Survey Shutter, nach einem Test einiger anderer Layouts scheint es dort aber ähnlich zu sein).

Die relativ starke Absetzung beim Fragetyp Auswahl erzeugt für mich den Eindruck, als würde die Ausweichoption gar nicht mehr zur Frage gehören - sie hängt also quasi "in der Luft". Hier wäre für mich eine weniger starke Abgrenzung schöner.

Meine Frage ist nun: Kann ich in den Layout-Einstellungen des Fragebogens eine Anpassung vornehmen, um dieses Problem zu beseitigen?

(Bei einer früheren Frage, die eine andere Person im Forum gestellt hat - "Wie kann ich Ausweichoptionen formatieren?" - haben Sie in Ihrer Antwort auf CSS-Befehle für die Seite hingewiesen. Leider kann ich mit dieser Antwort nichts anfangen, weil ich keine Idee habe, wie ich hier vorgehen müsste. Auch stellt sich mir die Frage, ob es nicht möglich und viel komfortabler wäre, direkt in den Einstellungen des Fragebogen-Layouts Änderungen vorzunehmen, so dass die Änderungen im gesamten Fragebogen umgesetzt werden und nicht nur auf der jeweiligen Seite.)

Herzlichen Dank für Ihre Unterstützung und beste Grüße

Answer 1

Den Abstand können Sie mit folgenden CSS-Code entfernen:

div.spacingV {
    margin: 0;
}

Diesen Code können Sie mittels pageCSS() via PHP-Code auf einer einzelnen Seite platzieren oder einfach als CSS-Code im Fragebogen-Layout ergänzen.

pageCSS('
    div.spacingV {
        margin: 0;
    }
');

Oder falls Sie einfach nur den Hintergrund nur blau haben möchten (das AB01 müssen Sie dann durch die Kennung der Frage ersetzen):

div.AB01_tab {
    background-color: #dfe6f3;
}

Comments

Herzlichen Dank - es hat funktioniert!