Standard-Editor
English | Deutsch
Nutzen die verschiedenen Einstellungsmöglichkeiten, um das Layout des Fragebogen an Ihre Vorstellungen anzupassen. |
Logos
Auf der Registerkarte Logos können Sie Ihr eigenes Logo hochladen. Der Color-Picker des Standard-Editors prüft automatisch die hochgeladenen Logos und schlägt für Texte, Formularelemente usw. dazu passende Farben vor. Falls Sie ein Logo entfernen wollen, klicken Sie auf den entsprechenden Löschen-Button.
Option | Bedeutung |
|---|---|
Einzelne Logos zentrieren | Standardmäßig sind einzelne Logos nach links ausgerichtet. Mit dieser Optionen können Sie sie zentrieren. |
Erstes Logo oben | Standardmäßig verfügen Sie über das Tivian-Logo. Um das Tivian-Logo gegen ein von Ihnen gewünschte Logo auszutauschen, klicken Sie den Datei auswählen-Button an. |
Zweites Logo oben | Sie können auf Ihrem Fragebogen rechts oben ein zweites Logo platzieren. Um das von Ihnen gewünschte Logo hochzuladen, klicken Sie den Datei auswählen-Button an. |
Erstes Logo unten | Sie können auf Ihrem Fragebogen links unten ein Logo platzieren. m das von Ihnen gewünschte Logo hochzuladen, klicken Sie den Datei auswählen-Button an. |
Zweites Logo unten | Sie können auf Ihrem Fragebogen rechts unten ein zweites Logo platzieren. Um das von Ihnen gewünschte Logo hochzuladen, klicken Sie den Datei auswählen-Button an. |
Sie benötigen die Logos in einem webtauglichen Format, also als GIF (vorzugsweise für Zeichnungen, Abbildungen mit wenigen Farben), JPEG (vorzugsweise Fotos, Abbildungen mit vielen Farben) oder PNG. Achten Sie auf die Dateigröße, alle Bilder einer Fragebogenseite sollten 30 bis 40 Kilobytes keinesfalls überschreiten.
Seiten
Den Tab Seiten nutzen Sie, um in den Bereichen “Seiten-Einblendung“, "Seitenhintergrund", "Fragenbereich" und "Antwort-Container", verschiedene Einstellungen vorzunehmen.
Seiten-Einblendung
Neue Seiten im Fragebogen werden eingeblendet, um "visuelle Ablenkungen" zu vermeiden, während die neue Seite geladen wird.
Option | Bedeutung |
|---|---|
Aktiviert | Diese Funktion ist standardmäßig aktiviert. |
Dauer | Standardwert 500 ms, empfohlen wird ein Wert zwischen 100 und 1000 ms |
Funktionen zur Einblendung der Seite | Neue Seiten im Fragebogen werden eingeblendet, um 'visuelle Ablenkungen' zu vermeiden, während die neue Seite geladen wird.
|
Seitenhintergrund
Option | Bedeutung |
|---|---|
Hintergrundfarbe | Hintergrund hinter dem eigentlichen Fragebereich. Falls ein Hintergrundbild verwendet wird, ist diese Einstellung nicht relevant, da nur das Bild angezeigt wird. |
Hintergrundbild | Das Bild wird verwendet, um den Hintergrund zu kacheln.
|
Postion des Hintergrundbildes |
|
Fragenbereich
Option | Bedeutung |
|---|---|
Hintergrundfarbe | Die Fragen einer Seite können optional in einem gemeinsamen Bereich angezeigt werden. |
Abstand zum Rand | Legen Sie den Abstand der Fragen zum Rand des Fragebogens fest. Wählen Sie einen Wert zwischen 0rem und 10rem. |
Antwort-Container
Option | Bedeutung |
|---|---|
Antwort-Container anzeigen | Diese Funktion ist standardmäßig deaktiviert |
Hintergrundfarbe | Der Bereich, der die Antwortoptionen bzw. die eigentliche Matrix enthält, kann optional ein separates Design enthalten. Das ist die Hintergrundfarbe für diesen Container. |
Abstand zum Rand | Abstand zwischen der eigentlichen Frage und dem Rand des Frage-Containers. Bitte wählen Sie einen Wert zwischen 0px und 20px. |
Oberer Abstand | Verwenden Sie diese Option, um den oberen Rand des Antwort-Containers zu ändern. Bitte wählen Sie einen Wert zwischen 0rem und 5rem. |
Schriftarten
Auf dem Tab Schriftarten ändern Sie die Schriftarten und definieren die Schriftgröße für verschiedene Textarten in Abhängigkeit vom Endgerät definieren.
Schrift
Option | Bedeutung |
|---|---|
Primäre Schriftart | Wählen Sie die gewünschte Schriftart aus.
|
Sekundäre Schriftart | Wählen Sie die gewünschte Schriftart aus.
|
Schriftgewicht für Titel und Untertitel
Option | Bedeutung |
|---|---|
Titel und Instruktionen vollständig fett auszeichnen | Sie haken an, ob Titel und Untertitel fett angezeigt werden sollen. Im Editor entfällt die Schaltfläche. |
Mobil
Option | Bedeutung |
|---|---|
Basis Schriftgröße | Bitte wählen Sie einen Wert zwischen 10px und 30px. |
Basis Zeilenhöhe | Diese Zeilenhöhe wird als Basis für Größenberechnungen von vielen Layout-Elementen verwendet. Bitte wählen Sie einen Wert zwischen 1rem und 5rem |
Allgemeiner Text Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Fragetitel Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Fragetitel Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Ausfüllanweisung Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Ausfüllanweisung Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Hilfetext Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Hilfetext Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Kontrollelementgröße | Größe der Kontrollelemente wie Radiobuttons und Checkboxen. Bitte wählen Sie einen Wert zwischen 1rem und 10rem. |
Textfeldhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 10rem. |
Schaltflächen Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Schaltflächen Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Desktop
Option | Bedeutung |
|---|---|
Basis Schriftgröße | Bitte wählen Sie einen Wert zwischen 10px und 30px. |
Basis Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Allgemeiner Text Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Fragetitel Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Fragetitel Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Ausfüllanweisung Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Ausfüllanweisung Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Hilfetext Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Hilfetext Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Kontrollelementgröße | Größe der Kontrollelemente wie Radiobuttons und Checkboxen. Bitte wählen Sie einen Wert zwischen 1rem und 10rem. |
Textfeldhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Schaltflächen Schriftgröße | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Schaltflächen Zeilenhöhe | Bitte wählen Sie einen Wert zwischen 1rem und 5rem. |
Texte und Zeilen
Auf dem Tab Texte und Zeilen legen Sie über den Hexadezimalcode die Farbgebungen der Texte, Zeilen, Fehler und Warnungen fest.
Texte
Option | Bedeutung |
|---|---|
Allgemein | Verwenden Sie diese Option, um die allgemeine Farbgebung zu verändern, also z.B. den Dimensionstext und die Skalenoptionen. |
Fragetext | Verwenden Sie diese Option, um die Farbe des Fragetextes zu verändern. |
Ausfüllanweisung | Verwenden Sie diese Option, um die Farbe der Ausfüllanweisung zu verändern. |
Hilfetext | Verwenden Sie diese Option, um die Farbe des Hilfetextes zu verändern. |
Hilfetext Hintergrundfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern. |
Zeilen
Option | Bedeutung |
|---|---|
Zeilenfarbe | Nutzen Sie diese Option, um die Zeilenfarben (z.B. einer Matrix-Frage) anzupassen. Sie passen mittels dieser Option die Farbe der Zeilen 1,3,5 und so weiter an. |
Zeilenfarbe alternierend | Nutzen Sie diese Option, um die Zeilenfarben (z.B. einer Matrix-Frage) anzupassen. Sie passen mittels dieser Option die Farben der Zeilen 2,4,6 und so weiter an. |
Zeilen-Hover aktivieren | Aktivieren Sie diese Option, auf dass Zeilen mittels Maus-Hover hervorgehoben werden können. |
Zeilen-Hover Hintergrundfarbe | Nutzen Sie diese Option, um die Farbe der Zeilen, die mittels Maus-Hover hervorgehoben werden, anzupassen. |
Zeilen-Hover Textfarbe | Nutzen Sie diese Option, um die Textfarbe, die mittels Maus-Hover hervorgehoben wird, anzupassen. |
Fehler und Warnungen
Option | Bedeutung |
|---|---|
Fehler Textfarbe | Verwenden Sie diese Option, um die Textfarbe einer Fehlermeldung anzupassen. |
Warnung Textfarbe | Verwenden Sie diese Option, um die Textfarbe einer Warnmeldung anzupassen. |
Formularelemente
Unter dem Tab Formularelemente legen Sie hauptsächlich die farblichen Elemente für Buttons, Radio-Buttons und Checkboxen, Auswahlboxen, Textfelder und Fokus per Hexadezimalcode fest.
Buttons
Option | Bedeutung |
|---|---|
Hintergrundfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe der Buttons anzupassen. |
Hintergrundfarbe bei Hover | Verwenden Sie diese Option, um die beim Hovern angezeigte Hintergrundfarbe der Buttons anzupassen. |
Hintergrundfarbe bei Aktivierung | Verwenden Sie diese Option, um die beim Anklicken eines Buttons (z.B. des Continue-Buttons) angezeigte Hintergrundfarbe anzupassen. |
Textfarbe | Verwenden Sie diese Option, um die Textfarbe der Buttons anzupassen. |
Textfarbe bei Hover | Verwenden Sie diese Option, um die während des Hoverns angezeigte Textfarbe der Buttons anzupassen. |
Textfarbe bei Aktivierung | Verwenden Sie diese Option, um die beim Anklicken eines Buttons (z.B. des Continue-Buttons) angezeigte Textfarbe anzupassen. |
Rahmenfarbe | Verwenden Sie diese Option, um die Rahmenfarbe der Buttons anzupassen. |
Rahmenfarbe bei Hover | Verwenden Sie diese Option, um die während des Hoverns angezeigte Rahmenfarbe der Buttons anzupassen. |
Rahmenfarbe bei Aktivierung | Verwenden Sie diese Option, um die beim Anklicken eines Buttons (z.B. des Continue-Buttons) angezeigte Rahmenfarbe der Buttons anzupassen. |
Radio-Buttons und Checkboxen
Option | Bedeutung |
|---|---|
Art der Kontrollelemente |
|
Farbe | Verwenden Sie diese Option, um die Farbe der Kontrollelemente anzupassen. |
Auswahlboxen
Option | Bedeutung |
|---|---|
Hintergrundfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe der Auswahlboxen anzupassen. |
Textfelder
Option | Bedeutung |
|---|---|
Textfeldbreite | Verwenden Sie diese Option, um die Textfeldbreite anzupassen. Wählen Sie einen Wert zwischen 0rem und 100rem oder 0% und 100%. |
Fokus
Option | Bedeutung |
|---|---|
Fokus-Hervorhebung Rahmenfarbe | Verwenden Sie diese Option, um die Rahmenfarbe der Fokus-Hervorhebung anzupassen. |
Fokus-Hervorhebung Rahmenbreite | Verwenden Sie diese Option, um die Rahmen-Breite der Fokus-Hervorhebung anzupassen. Währen Sie einen Wert zwischen 0px und 20px. |
Fokus-Hervorhebung Schatten | Mittels dieser Option fügen Sie der Fokus-Hervorhebung einen Schatten hinzu. |
Browser-Stile für Textfelder überschreiben | Die angepassten Stile werden anstatt der Browser-eigenen Stile für Textfelder verwendet. |
Fortschrittsanzeige
Auf der Registerkarte Fortschrittsanzeige können Sie die Fortschrittsanzeige aktivieren und ihr Erscheinungsbild anpassen.
Eigenschaften der Fortschrittsanzeige
Option | Bedeutung |
|---|---|
Fortschrittsanzeige anzeigen | Sie haken an, ob die Fortschrittsanzeige im Fragebogen angezeigt werden soll. Standardmäßig ist der Haken gesetzt und die Fortschrittsanzeige aktiviert. |
Hintergrundfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern. |
Obere Rahmenfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern. |
Balkenhöhe | Bitte wählen Sie einen Wert zwischen 0em und 5em. 1em entspricht der Standard-Schriftgröße. 2em entspricht der doppelten Standard-Schriftgröße. |
Balken Hintergrundfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern. |
Balkenfortschrittsfarbe | Verwenden Sie diese Option, um die Hintergrundfarbe des Hilfetextes zu verändern. |
Textfarbe | Verwenden Sie diese Option, um die Textfarbe der Fortschrittsanzeige zu verändern. |
Anpassung der Farbe
Um die Farbe auszuwählen, geben Sie entweder die hexadezimale Farbdefinition ein oder öffnen Sie mittels eines Klicks auf die Farbfläche ein Farben-Auswahl-Fenster, wodurch Sie über verschiedene Möglichkeiten verfügen, die Farbe einzustellen:
Dort finden Sie die hexadezimale Farbdefinitionen des ersten Logos
Sie geben für den RGB-Farbraum die Farben Rot, Gelb und Blau an. Sie können aber auch die hexadezimalen Farbdefinition angeben.
Sie klicken auf die gewünschte Farbe.
Sie bestätigen Ihre Einstellungen mittels Speichern.
© 2022 Tivian XI GmbH