Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:layout-inputs [27.10.2013 21:39] – Neue Maße admin | de:create:layout-inputs [04.01.2015 16:44] – [Vorgaben für das Grafik-Set] admin |
---|
====== Benutzerdefinierte Auswahlfelder ====== | ====== Benutzerdefinierte Auswahlfelder ====== |
| |
Alle Grafiken, die für benutzerdefinierte Auswahlfelder benötigt werden, sind in einem 32-Pixel Raster auf einer großen Grafik (Gesamtgröße 96 x 128 Pixel) untergebracht. Auf dem Raster sind die notwendigen Elemente wie folgt angeordnet. Innerhalb jeder Rasterzelle ist das Bild links oben platziert. Wie viel von der Rasterzelle angezeigt werden, bestimmt die Angaben //Seitenlänge// im Layout. | Im [[:de:create:layout|Fragebogen-Layout]] stehen im Karteireiter //Grundeinstellungen// bei //Art der Auswahlfelder// bereits unterschiedliche Darstellungsvarianten für Auswahlfelder zur Verfügung. Mit der Option "Benutzerdefinierte Auswahlfelder" lassen sich auch eigene Darstellungen realisieren. |
| |
| * Erstellen Sie dafür eine Grafik (Grafik-Set) entsprechend den unten stehenden Vorgaben. |
| * Laden Sie die Grafik mittels **Bilder und Mediendateien** in das Befragungsprojekt hoch (dabei __nicht__ die //geschützte Dateiablage// verwenden). |
| * Wählen Sie die Grafik im Layout unter //Art der Auswahlfelder// -> "Benutzerdefinierte Auswahlfelder" als //Grafik-Set// aus. |
| |
| Nach dem Speichern des Layouts werden in der Layout-Vorschau (unten) die neuen Auswahlfelder angezeigt. |
| |
| **Hinweis:** Viele Teilnehmer sind die Standard-Eingabefelder ihres Betriebssystems gewohnt. Andere Eingabefelder können für Irritationen sorgen. So unterscheidet Windows z.B. deutlich zwischen einfachen Auswahlfeldern (rund) und Mehrfach-Auswahlfeldern (quadratisch), andere Betriebssysteme verwenden keine visuelle Unterscheidung. |
| |
| **Hinweis:** Auf hochauflösenden Displays (z.B. auf Mobilgeräten) wirken benutzerdefinierte Eingabefelder unter Umständen ein wenig pixlig/unscharf. |
| |
| |
| ===== Vorgaben für das Grafik-Set ===== |
| |
| * Alle Grafiken, die für benutzerdefinierte Auswahlfelder benötigt werden, sind auf __einer__ Grafik der Gesamtgröße 96 x 256 Pixel in einem 32-Pixel-Raster untergebracht. |
| * Auf dem Raster sind die notwendigen Elemente wie unten dargestellt angeordnet. |
| * Innerhalb jeder Rasterzelle wird das Bild links oben platziert. Wie viel von der Rasterzelle angezeigt werden, bestimmt die Angaben //Seitenlänge// im Layout. |
| |
^ Auswahlfeld\\ (radio button) ^ Mehrfachauswahl\\ (checkbox) ^ Sonstiges ^ | ^ Auswahlfeld\\ (radio button) ^ Mehrfachauswahl\\ (checkbox) ^ Sonstiges ^ |
| nicht gewählt\\ nicht fokussiert | nicht gewählt\\ nicht fokussiert | Kategorie in\\ erweiterter Auswahl | | | nicht gewählt\\ Standard | nicht gewählt\\ Standard | Kategorie in\\ erweiterter Auswahl | |
| ausgewählt\\ nicht fokussiert | ausgewählt\\ nicht fokussiert | nicht\\ benutzt | | | ausgewählt\\ Standard | ausgewählt\\ Standard | nicht\\ benutzt | |
| nicht ausgewählt\\ fokussiert | nicht ausgewählt\\ fokussiert | nicht\\ benutzt | | | nicht ausgewählt\\ fokussiert | nicht ausgewählt\\ fokussiert | nicht\\ benutzt | |
| ausgewählt\\ fokussiert | ausgewählt\\ fokussiert | nicht\\ benutzt | | | ausgewählt\\ fokussiert | ausgewählt\\ fokussiert | nicht\\ benutzt | |
| | nicht ausgewählt\\ Mausberührung | nicht ausgewählt\\ Mausberührung | nicht\\ benutzt | |
| | ausgewählt\\ Mausberührung | ausgewählt\\ Mausberührung | nicht\\ benutzt | |
| | nicht ausgewählt\\ Deaktiviert | nicht ausgewählt\\ Deaktiviert | nicht\\ benutzt | |
| | ausgewählt\\ Deaktiviert | ausgewählt\\ Deaktiviert | nicht\\ benutzt | |
| |
| Ein fertiges Grafik-Set sieht z.B. aus wie folgt (nur mit transparentem Hintergrund und ohne Hilfslinien und Rahmen). |
| |
| ^Grafik-Set mit unterschiedlicher Darstellung von einfacher Auswahl und Mehrfachauswahl^Grafik-Set mit einheitlicher Darstellung aller Auswahlfelder^ |
| |{{:de:create:exp.inputs-custom.medium.png?nolink|Grafik-Set für größere Eingabefelder}}|{{:de:create:exp.inputs-custom.circles.png?nolink|Grafik-Set für Kreise mit Kreuzchen (undifferenziert)}}| |
| |